.congreso-table-container {
          margin-top: 16px;
      }
      
      .congreso-table-container .grid-container {
            display: grid;
            grid-template-columns: 75px repeat(12, 1fr);
            grid-template-rows: repeat(24, 30px);
            gap: 2px;
            font-size: 0.75rem !important;
            
        }
        .ponente-item{
            position: relative;
        }
        
        .cover-link{
            position: absolute;
            top:0;
            right:0 ;
            width: 100%;
            height: 100%;
            cursor: pointer;
            
        }
        
        .withLink:hover{
           filter: brightness(0.9);
        }
        
        .congreso-table-container .grid-container > div {
            
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 1px 5px;
            box-sizing: border-box;
            border: 1px solid white;
            border-radius: 4px;
            color: #111;
            position: relative;
            transition: 300ms all;
            /* min-height: 24px;*/
        }
        
        .congreso-table-container i{
            font-size: 0.75em;
            margin-right: 6px;
            margin-top: 2px;
            color: #003b75;
        }
        .congreso-table-container .header {
            background-color: #f2f2f2;
            font-weight: bold;
            font-size: 0.85rem;
            justify-content:center !important;
        }
        
        
        
        
        
        
        
        .highlight-yellow {
            background-color: #fbf0a0 !important;
        }
        .highlight-blue {
            background-color: #d9e1f2 !important;
        }
        .highlight-blue-light {
            background-color: #5BD5FE !important;
            color: black !important;
        }
        .highlight-orange {
            background-color: #fbe4d5 !important;
        }
        .highlight-green {
            background-color: #e2efda !important; 
        }
        .highlight-green-extra {
            background-color: #0EF616 !important;
            color: black !important;
        }
        .highlight-green-light {
            background-color: #A0FDA3 !important;
            color: black !important;
        }
        .highlight-green-dark {
            background-color: #0A7C0E !important;
        }
        
        .highlight-gray {
            background-color: #f3f3f3 !important;
        }
        .highlight-gray-8 {
            background-color: #393939 !important;
        }
        .highlight-gray-7 {
            background-color: #545353 !important;
        }
        .highlight-gray-6 {
            background-color: #727272 !important;
        }
        .highlight-gray-5 {
            background-color: #969595 !important;
        }
        .highlight-gray-4 {
            background-color: #B4B4B4 !important;
            color: black !important;
        }
        .highlight-gray-3 {
            background-color: #E2E2E2 !important;
            color: black !important;
        }
        .highlight-gray-2 {
            background-color: #EAE9E9 !important;
            color: black !important;
        }
        .highlight-gray-1 {
            background-color: #EEECEC !important;
            color: black !important;
        }
        
        
        
        /* NEW STYLE SESIONS */
        
        .highlight-ciber {
            background-color: #E2E5EB !important;
        }
        
        .highlight-mesa-redonda {
            background-color: #E7F1FA !important;
        }
        
        .highlight-sesion-tematica {
            background-color: #DCE0EE !important;
        }
        
        .highlight-flash-talk {
            background-color: #E4EBF2 !important;
        }
        
        /* NEW STYLE SESIONS END */
        
        
        .bg-auditorio-1{
            background-color: #78B6E4;
            color:white;
        }
        .bg-auditorio-2{
            background-color: #6677A8;
            color:white;
        }
        .bg-salon-multiusos{
            background-color: #86919E;
            color:white;
        }
        .bg-sala-1{
            background-color: #528EA7;
            color:white;
        }
        .bg-sala-2{
            background-color: #62A0BA;
            color:white;
        }
        .bg-sala-3{
            background-color: #74A8BD;
            color:white;
        }
        .bg-sala-4{
            background-color: #78A1B7;
            color:white;
        }
        .bg-sala-5{
            background-color: #83A2B2;
            color:white;
        }
        .bg-sala-6{
            background-color: #9CB7C8;
            color:white;
        }
        .bg-sala-7{
            background-color: #BECEDB;
            color:white;
        }
        .bg-sala-8{
            background-color: #DEE6ED;
            color:black !important;
        }
        .bg-sala-8 i{
            color:black !important;
        }
        .bg-sala-9{
            background-color: #EDF2F5;
            color:black !important;
        }
        .bg-sala-9 i{
        
            color:black !important;
        }
        
        
           
        
        .highlight-flash {
            background-color: #67f9d2 !important;
        }
        .highlight-congress{
            background-color: #003b75 !important;
        }
        .highlight-white-border{
             background-color: white !important;
            color: black !important;
            border: 1px solid gray;
            
        }
        
        
        .detail-budget{
          color: white;
          padding: 6px 12px;
          border-radius: 100px;
          font-size: 14px !important;
        }
        
        .detail-budget i{
                margin-right: 4px;
        }
        
        .sala-budget{
            border-radius: 100px;
            margin-bottom: 2px;
            padding: 0px 10px;
            font-size: 10px;
            color: white;
        }
        .sala-budget-big {
            border-radius: 100px;
            margin-bottom: 2px;
            padding: 8px 10px;
            font-size: 14px;
            color: white;
        }
        .sala-budget-big i {
            margin-right: 4px;
        }
        
        .reuniones-table{
            max-width: 90%;
            margin: 0 auto;
        }
        .reuniones-table thead{
            background: #003b75;
            color: white
        }
        
        .reuniones-table td{
                vertical-align: middle;
                text-align: center;
        }
        
        .leyenda{
            padding: 24px;
            background: #f3f3f3;
            border-radius: 8px;
        }
        
        .congreso-table-container .time {
            grid-column: 1;
            border-right: initial !important;
            background-color: #f3f3f3;
            margin-right: initial !important;
            font-size: 0.60rem !important;
            padding-right: 2px !important;
            padding-left: 2px !important;
            padding-top: 3px !important;
            padding-bottom: 0px !important;
            justify-content:center !important;
        }
        
        .auditorio{
            display:flex;
            align-items:center;
            justify-content:center;
            flex-direction: column;
        }
        .flash-talk{
            flex-direction: initial;
            padding: initial !important;
            justify-content: space-between !important;
            gap: 4px;
        }
        
        .flash-talk > div{
            width: 100%;
            text-align: center;
            padding: 1px 5px;
            box-sizing: border-box;
            border-radius: 4px;
            color: #111;
            position: relative;
            transition: 300ms all;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .auditorio1 {
            grid-column: 2 / span 3;
        }
        .auditorio2 {
            grid-column: 5 / span 3;
        }
        .auditorio3 {
            grid-column: 8 / span 3;
        }
        .auditorio4 {
           grid-column: 11 / span 4;
        }
        .auditorio5 {
            grid-column: 6;
        }
        .auditorio6 {
            grid-column: 7;
        }
        .auditorio7 {
            grid-column: 8;
        }
        .auditorio8 {
            grid-column: 9;
        }
        .auditorio9 {
            grid-column: 10;
        }
        .span-1 {
            grid-row: span 1;
        }
        .span-2 {
            grid-row: span 2;
        }
        .span-3 {
            grid-row: span 3;
        }
        .span-4 {
            grid-row: span 4;
        }
        .span-5 {
            grid-row: span 5;
        }
        .span-6 {
            grid-row: span 6;
        }
        .span-7 {
            grid-row: span 7;
        }
        .span-8 {
            grid-row: span 8;
        }
        .span-9 {
            grid-row: span 9;
        }
        .span-10 {
            grid-row: span 10;
        }
        .span-12 {
            grid-row: span 12;
        }
        .span-24 {
            grid-row: span 24;
        }
        
        .full-span {
            grid-column: 2 / span 12;
        }
        
        
        .half-span-left {
            grid-column: 2 / span 4;
        }
        .half-span-midle {
            grid-column: 6 / span 4;
        }
        .half-span-right {
            grid-column:10 / span 4;
        }
        
        .half-left{
            grid-column: 2 / span 6;
        }
        .half-right{
            grid-column: 8 / span 6;
        }
        
        .primerTercio{
          grid-column: 1.3333 / span 2;
        }
        .segundoTercio{
              grid-column: 2.3333 / span 2;
        }
        .tercerTercio{
          grid-column: 3.33333 / span 2;
        }
        
        .empty {
            background-color: #fff !important;
        }
       
       
       
        /*MODAL SESION CONGRESO*/
       
       
       .people-container{
           display: flex;
           align-items: center;
           justify-content: space-between;
           gap: 16px;
       }
       
        .modal-sesion{
            text-align:center;
        }
        
        .modal-sesion .modal-header{
            justify-content: center;
            align-items: center;
        }
        
        .modal-sesion .modal-header .modal-title{
            font-size: 0.95rem;
        }
        
        .modal-sesion .time-container {
            padding-block: 8px;
        }
        .modal-sesion span {
            font-size: 16px;
        }
        
        .modal-sesion .title-container {
            padding-block: 8px;
        }
        
        .modal-sesion .title-container .title{
            font-size: 18px;
            color:#363636;
            padding:8px 18px;
            border-radius: 100px;
            width: fit-content;
            margin: 0 auto;
        }
        .modal-sesion .title-container .subtitle{
            font-size: 24px;
            color:black;
            max-width: 75%;
            margin:0 auto;
            padding-block:16px;
        }
        
        .modal-sesion .info-container{
            
            width: 100%;
            margin:0 auto;
            padding:16px 32px;
            background: #f9f9f9;
            border-radius: 12px;
            max-width: 475px;
            border: 1px solid #d1d1d1;
        }
        
        .modal-sesion .info-title {
            font-size: 20px;
            color:#003b75;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom: 16px;
        }
        .modal-sesion .info-title i {
            margin-right: 8px;
            color:#003b75;
            font-size: 0.9em;
        }
        
        .modal-sesion .info-container .speaker{
            font-size:18px;
            color:#363636;
            margin-top: 8px;
        }
        
        .modal-sesion .info-container .speaker i{
            margin-right: 8px;
            color:#003b75;
            font-size: 0.9em;
        }
        
        .modal-sesion .info-container .speaker-info{
            
        }
        
        .modal-sesion .ponentes-main-container {
           padding: 24px;
        }
        
        .modal-sesion .ponentes-main-container .title{
            font-size: 20px;
            color:#003b75;
            padding-bottom: 32px;
            display:flex;
            align-items:center;
            justify-content:center;
        }
        
        .modal-sesion .ponentes-main-container .title i{
           margin-right: 8px;
           color:#003b75;
           font-size: 0.9em;
        }
        
        .modal-sesion .ponentes-main-container .ponentes-container{
            display: flex;
            flex-wrap: wrap;
            margin: -16px;
        }
        .modal-sesion .sesion-tematica .ponentes-main-container .title {
            padding-bottom: 16px;
            margin: 0;
            
        }
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container {
            max-width: 80%;
            margin: 0 auto;
            
        }
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap{
            width:100%;
            text-align:left;
            padding: 12px;
            transition: 300ms all;
            
        }
        
        /*
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap:hover{
            background-color:#f5f5f5;
            
        }*/
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item {
            padding-block: 18px;
            padding-right: 5%;
            align-items: start;
            justify-content: start;
            margin: initial;
            background: initial;
            border-radius: initial;
            border-bottom: 1px solid #80808030;
            border-right: initial;
            border-left: initial;
            border-top: initial;
            position:relative;
            
            
        }
        /*.modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item::after {
              content: "\f078";
                font-family: "Font Awesome 5 Pro";
            position: absolute;
            top: 20px;
            right: 5px;
            
        }*/
        
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap:last-child .ponente-item {
            
            border-bottom:initial;
            
        }
        
        .modal-sesion .sesion-tematica .flash-container .ponentes-container .ponente-wrap .ponente-item h6{
            padding-block: 0px 0px !important;
            font-size: 16px !important;
        }
        .modal-sesion .sesion-tematica .flash-container .ponentes-container .ponente-wrap .ponente-item h4{
            
            font-size: 14px !important;
        }
        .modal-sesion .sesion-tematica .flash-container .ponentes-container .ponente-wrap .ponente-item p{
            font-size: 12px !important;
        }
        .modal-sesion .sesion-tematica .flash-container .ponentes-container .ponente-wrap .ponente-item {
            padding: 12px 0px !important;
        }
        
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item h6{
            padding-block: 0px 12px;
            /*margin-bottom: 12px;*/
            color: #003b75;
            /*border-bottom: 1px solid #003b7514;*/
            font-size: 20px;
            
        }
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item h4{
            display: flex;
            align-items: center;
            margin-bottom: initial;
            padding-bottom: 4px;
            
        }
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item h4 i{
            margin-right: 8px;
            color: #003b75;
            
        }
        .modal-sesion .sesion-tematica .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item p{
          text-align:left;
            
        }
        .modal-sesion .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item p:last-child {
           margin-bottom: initial;
        }
        
        .modal-sesion .ponentes-main-container .ponentes-container .ponente-wrap{
            width:50%;
        }
        .modal-sesion .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item{
            margin: 8px;
            padding:16px;
            background: #f9f9f9;
            border-radius: 12px;
            height:auto;
            min-height: 105px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 1px solid #d1d1d1;
        }
        
        .modal-sesion .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item h4{
            font-size:18px;
            color:#363636;
        }
        .modal-sesion .ponentes-main-container .ponentes-container .ponente-wrap .ponente-item p{
            font-size:14px;
            text-align: center;
        }
        
        .modal-sesion .tematica-container{
            text-align: left;
            padding: 24px;
        }
        
        .modal-sesion .tematica-container .title{
            font-size: 20px;
             color:#003b75;
             display:flex;
            align-items:center;
            justify-content:center;
        }
        .modal-sesion .tematica-container .title i{
           margin-right: 8px;
           color:#003b75;
           font-size: 0.9em;
        }
        .modal-sesion .tematica-container p{
            font-size: 14px;
            margin-top:16px;
            margin: 0;
        }
        
        
        
        #reuniones-areas .modal-dialog{
            justify-content: center;
        }
        
        #reuniones-areas .modal-dialog .modal-content{
           max-width: 45vw;
        }
       
       /*MODAL SESION CONGRESO FIN*/
      
      .clients-grid{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        list-style: none;
        overflow: hidden;
        padding: 0;  
      }
      
      .clients-grid .grid-item{
          width: 25%;
        position: relative;
        padding: 35px 0;
        -webkit-backface-visibility: hidden;
        display: flex;
        align-items: center;
      }
      
      .clients-grid .grid-item::before {
          position: absolute;
        height: 100%;
        top: 0;
        left: -1px;
        /*border-left: 1px dashed #ddd;*/
        content: "";
      }
      
    .clients-grid .grid-item::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0;
        top: auto;
        left: 0;
        bottom: -1px;
        /*border-bottom: 1px dashed #ddd;*/
    }
    .clients-grid .grid-item a {
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    
    .clients-grid .grid-item a img {
        width: 100%;
        filter: grayscale(1);
        transition: all .5s ease;
        opacity: .6;
    }
    
    .clients-grid .grid-item a img:hover {
        opacity: 1;
        filter: initial;
    }
    
    .clients-grid .grid-item img {
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        max-height: 73px;
        max-width: 79%;
        min-width: 73%;
    }