.modal--lg{
    z-index: 20000000 !important;
    /* z-index: 200 !important; */
  }


.tag-full{
    background-color: rgba(240,240  ,240, 0.8);
}  

.var-pan__footer{    background-color: var(--ivar-bg); padding-right: 1.5rem; border-radius: 0 0 0.5rem 0.5rem; }
.var-pan__footer p{margin:0}

.var-pan__panel.vp-expand {
    height: auto !important;
}

#reporteFinal{
    display:block !important;
}

.backdropLight{
    background: rgba(0,31,36,.05) !important;
}


.backdropLoading{
    background: rgba(255,255,255,0.95) !important;
}


/* .carousel .slide div{
    text-align: left;
}

.carousel .slide div img{
    text-align: center;
} */

.sinMarginTop{margin-top:0;}
.sinPaddingTop{padding-top:0;}
.sinMarginBottom{margin-bottom:0;}
.sinPadingBottom{padding-bottom:0;}

.quest-card{overflow-x: auto;
}
.trivia--row{
    margin-bottom: 1.5rem;
}

.trivia--row .trivia__label {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.btn--icon-primary {
    /* border-radius: 50%; */
    height: 3.6rem;
    width: 3.6rem;
    padding: 0;
}

.select {
    background-color: var(--trivia-selected);
}

/* .vars-review__number{
    padding: 0px 10px 0px 10px;
} */

.modal--instructions {
    max-height: 40rem !important;
    max-width: 55rem !important;
}

/* @media (min-width: 61.25em) */
.modal--instructions .fc {
    /* gap: 4rem; */
    row-gap: 1rem;
}

.fc__item {
    width: 100%;
    height: 100%;
}

.fc__item img{
    text-align: center;
}

/* .fc__item div{overflow:auto } */

/* SR */
/* #sr-wrapper{width: 0 !important;}

#sr-hud-content.show {
    width: calc(var(--hud-width) );
    padding-left: var(--nav-width);
}

.menuSRDesplegado{
    padding-left: var(--nav-width);
} */


/* .nav-wrapper{width:0px;} */

/* .otrasSR{width: 0 !important;} */

/* .js-nav{display: none;} */


.varsShowroom{
    display: flex;
    /* border: 0.1rem solid var(--fc-border); */
    /* border-radius: 1rem; */
    /* padding: 1rem 0rem; */
    /* padding: min(max(1rem, 1vh), 1rem) min(max(0rem, 5vw), 4rem); */
    /* padding: clamp(1rem,1vh,1rem) clamp(0rem,5vw,4rem); */
    gap: 3rem;
    position: relative;
}

.varsShowroom .vars__select {
    width: Calc(100% - 7Rem);
}

.trivia__SR{width: -webkit-fill-available;}

.tituloPregunta_SR{flex:none !important;}

.dialogue__txt .btn-left{left: -9rem !important;}

/* Tabla de resultados */

.tableDetailMission tbody tr td:nth-child(1){width:30%}
.tableDetailMission tbody tr td:nth-child(2){width:20%}
.tableDetailMission tbody tr td:nth-child(3){width:30%}
.tableDetailMission tbody tr td:nth-child(4){width:20%}

.table tbody tr td {
    font-size: 1.5rem;
    padding: 0.35rem 1.5rem;
}

/* .tableAnexo:nth-child(1){margin-top: 3rem;}
.tableAnexo{margin-bottom: 3rem;} */


.progreso{text-align: center; font-size: var(--txtSize)/1.5;}

.subtitle{
    line-height: 1.1;
    margin: 0.5rem;
    margin-left: 0;
}
    

.fontBold{font-size:150% !important;}


.titleInforme{background-color: #CDECEB; text-align: right; text-transform: uppercase; color: black;}
.preguntaInforme{background-color: #CDECEB; text-align: left; color: black; width: 30%;}
.titleSeccionInforme{background-color: #03A29D; text-align: center; text-transform: uppercase; color: white;}
.textRight{text-align: right;}

.colorOK{background-color: #93C47D; text-decoration:bold; text-align: center;}
.colorNOK{background-color: #E8738C; text-decoration:bold; text-align: center;}


.informeFinalPractica{background-color: white; color: white}
.informeFinalPractica .table tr{background-color: white !important; color: black}

.informeFinalPractica table {
    /* border-top: 1px solid #03A29D; */
    /* border-collapse: collapse; */
    border-spacing: 0;
    border-bottom: 0;
    border-right: 0;
    border-radius: 0;
}

.informeFinalPractica table td{
    border-left: #03A29D;
    padding: 0.5rem 1.5rem;
}

.informeFinalPractica table td, table th{
    border-bottom: 1px solid #03A29D;
    border-right: 1px solid #03A29D;
}


.informeFinalPractica .table th{
    background-color: #03A29D;
    color: #ffffff;
}

.informeFinalPractica .table tbody tr td:last-child {
    border-bottom: 1px solid #03A29D;
}

.puntaje{text-align: center; font-size: 20pt; font-weight: bolder;}

.medicion{text-align: center;}

.noVer{display: none;}

.encabezadoInformeFinal img{
    height: auto !important;
    width: auto !important;
}


.carouselAgro .table{width:auto!important;
    margin-left: auto;
    margin-right: auto;
}
.carouselAgro .table th, .carouselAgro .table td{padding:0.35rem 1.5rem} 
.carouselAgro .table tr td{vertical-align: top;}
.carouselAgro .table tr td ul li p{margin: 0}

/*sr menu de contenido para moviles, es decir que el menu ocupe todo
en este caso se habilita un icono para cerrar el menu
*/
.viewMovile{display: none;}

/* si el ancho es menor a 740px */

.width0{display: none !important;}
.viewMovile{display:block}
.hud-content{    padding: 0rem 1rem 4rem !important;}
@media (min-width: 46.25em){
    .width0{display: flex !important;}
    .viewMovile{display:none}
    .hud-content{    padding: 0rem 1rem 4rem !important;}
}

@media (max-width: 46.25em) and (orientation: portrait){
/* @media (max-width: 61.25em) and (orientation: portrait){ */

    /* .nav__link{color:red !important} */
    /* .viewMovile{display:block} */
    /* .width0{width:0px !important; display: none !important;} */

    .nav-wrapper{
        top:0 !important;
        height: calc(100vh) !important;
    }
    .hud-content{padding:0rem 1rem 4rem;}
    .btn__icon-bar {
        background-color: var(--btn-hamburger);
    }


}
/* //despues de 740 px siempre este a la derecha */
@media (min-width: 740px) and (orientation: portrait){
        #sr-hud-content{
            /* right: 0;
            position: absolute; */
    }
}



/* slider ajuste de scroll*/
/* .carousel-slider li.slide{overflow:auto}
.carousel-root{height:100%;}
.carousel-root>.carousel{height:100%;} */

.table th, .table th div{text-align:center !important;}
.upper{text-transform: uppercase;}

.backdropModal{z-index:100000000;}
.wrapperModal .modal{z-index: 1000000000;}
.tituloPrincipal {font-size: 2rem;}
.titleInforme {font-size: 1.75rem;}

.tableAnexo .table thead tr td.table__th--in, .tableAnexo .table thead tr th.table__th--in,
.tableAnexo .table thead tr td.table__th--out, .tableAnexo .table thead tr th.table__th--out{color:white;}
.tableAnexo .table tbody tr td{text-align: center;}
#thVarsIn, #thVarsOut{text-align: left !important;}

/* .anexoDescripcionInformeFinal{display: none;} */
.dataSimulacion table tbody tr td {text-align: center;}

.contenidoDescripcion {
    padding-right: 20px;
    overflow: auto;
    /* margin: 1rem; */
    margin-right: 0;
}

.contenidoDescripcion>div, .contenidoDescripcion>ul {
    height: Calc(80vh - 2rem);
    /* margin: 1rem; */
}


img.centrado {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

/* 
  .btn:focus{
      color: var(--bg-btn-hover-primary);
      font-weight: bolder;
  } */



  .WinChallenges .itemMenu{
    background-color: rgba(var(--bg-btn-sidenav), 0.1);;
  }

  .WinChallenges .itemMenu:hover{
    background-color: var(--blue-00);
  }


  .WinChallenges .itemMenu.active{
    background-color: var(--blue-00)
  }

  /* esto es para el caption de funcionamiento de showroom */
  .ip-inactive{
      top: -5rem;
  }
  .info-pan__panel.js-info-pan p{min-height: 70px;}

  .noWrap{white-space: nowrap;}

  .btnON{background-color: var(--mountain-meadow);}
  .btnOFF{background-color: var(--persimmon);}


.var-pan__body {
    padding: 1rem 1rem !important;
}

.vars-review__var{
    /* width: auto !important; */
}
/* 
.vars-review {
    height: auto !important;
} */

.vars{
    height: auto !important;
}

.backDropConfirm{
    z-index: 99999998;
}

.winConfirm{
    z-index: 99999999 !important;
}




/*animacion para entrada de slides https://animista.net/play/entrances/slide-in/slide-in-right*/
.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-5-31 11:42:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }

/* fin animacion */
  
.viewer3D{z-index: 10;}
.HUDSR{z-index: 50;}
.contenedorDrawingBoard{
    position: absolute;
    bottom: -2rem;
    left: -2rem;
    /* background-color: rgba(255,0,0,0.5); */
}
.drawingBoard{
    width: 100vw;
    height: calc(100vh - 0rem);
}

.selectToolDB{
    background-color: var(--bg-dwb-hover-btn);
}

.dialogSR{
    z-index: 99999999 !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
}

div.noFilterGris{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


:root{
    --color-hint: #FCF8E3;
    --color-hint-txt: #C09853;
}
.toolTipSR {
    color: var(--color-hint-txt) !important;
    background-color: var(--color-hint) !important;
    /* width:100px; */
    padding: 1rem !important;
    /* &.place-left {
        &:after {
        border-top-color: orange !important;
        border-top-style: solid !important;
        border-top-width: 6px !important;
        }}     */
}


.toolTipSR.place-right::after{
    border-right-color: var(--color-hint) !important;
} 
.toolTipSR.place-left::after{
    border-left-color: var(--color-hint) !important;
} 
.toolTipSR.place-top::after{
    /* border-top-color: var(--color-hint) !important; */
    border-bottom-color: var(--color-hint) !important;
}
.toolTipSR.place-bottom::after {
    border-bottom-color: var(--color-hint) !important;
}

/* img.centrado.procesado{
    background-color: white;
    border-radius: 1rem;
    padding: 0.3rem;
} */

.theme-dark img.procesado{
    /* background-color: white;
    border-radius: 1rem;
    padding: 0.3rem; */
    filter: invert(1);
    display: inline;
    margin-bottom: -10px;
}

.theme-dark .informeFinalPractica img.procesado{
    /* background-color: white;
    border-radius: 1rem;
    padding: 0.3rem; */
    filter: invert(0);
    display: inline;
    margin-bottom: -10px;
}

.tableAnexo tbody tr td table.table{width: 100%;}

.table tbody tr td ul{
    text-align: left;
}

.description .grid .grid__cell div table.table tbody tr td{
    vertical-align: top;
    text-align:center;
    /* background-color: tomato; */
}


#divScreenshot{
    height: 100%;
    /* background-color: rgb(255, 0, 0); */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}


.tabs input[name=Xtab-control]:checked+label {
    background-color: var(--blue-00);
    color: var(--neutral-00);
}

.tabs input[name=Xtab-control]:checked+label+.tabs__content {
    display: block;
}

#viewer3DDespiece{z-index: 5;}

/* ANIMACION DE ENTRADA */

.fade-in {
	-webkit-animation: fade-in 1s ease-in both;
	        animation: fade-in 1s ease-in both;
}

.fade-out {
	-webkit-animation: fade-out 1s ease-out both;
	        animation: fade-out 1s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-6-16 12:41:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
 @-webkit-keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  

  /* ----------------------------------------------
 * Generated by Animista on 2022-6-16 12:49:23
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@-webkit-keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
.docRelacionado p{
    margin:0px;
}  

.docRelacionado h5{
    margin: 0;
    line-height: 1.2;
}


.instruciones h4{
    margin-top: 0;
}

.hud-aside__body {
    height: calc(100vh - 70px);
    overflow: auto;
}

  /* index */
  .tarjetas {
    padding: 0px;
    display: block;
}

  .tarjetas li{
      list-style: none;
      height: 85px;;
  }

.tarjetas h3{
    margin-bottom: 0;
}

  .tarjetas img{
 width: 150px;
 float: left;
 margin: 10px;
 border-radius: 8px;
  }

  .tarjetas p{ height: 50px;
padding: 0;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;}


.grid_txt_img .grid__cell img{
    width: auto !important;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* width: 50%; */
    display: block;
}

.overlayHelp{
    background-color: #ff0000;
}

.parteSR .object, .parteSR .object__object, .parteSR figure.image{
    height: 100%;
} 


.backgroundInstructions{
    background: rgba(33,33 ,33,.8);
    /* backdrop-filter: blur(9px); */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.backgroundInstructions:after{
    content: "";
    /* background: url(../images/bg_pat.png),radial-gradient(50% 96.41% at 50% 50%, rgba(5, 50, 57, 0) 0%, rgba(0, 32, 37, 0.5) 80.21%, rgba(0, 32, 37, 0.8) 100%, rgba(0, 32, 37, 0.8) 100%); */
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.hud-content__bodySR{
    /* width: calc(calc(100vw - var(--nav-width)) - 4rem); */
}

.cargadorVpro{
    height: 100%;
    width: 100%;
    /* background-color: var(--blue-30); */
    background-color: #ffffff;
    position: absolute;
    /* border-radius: 1em; */
}

.cargadorVpro:after{
    content: unset !important;
}

.imgCentrada{  
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

/* .dwb i{color: #000;} */


.table{max-width: 100% !important;
width: auto;
margin-left: auto;
margin-right: auto;
}

.pointer{
    cursor: pointer;
}



/* .grid__cell a{
    text-decoration: underline;
    cursor: pointer;
} */



/*estilo de las imagenes del contendio del SR*/

#sr-hud-content figure img{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

#sr-hud-content figure *:last-child{
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#sr-hud-content figcaption {
    background-color: var(--bg-sidenav);
    line-height: 1.2;
    padding: 1rem 2rem;
}


.logoVPRO{
    width: 250px;
    height: 55px;
}

.imgLoaderVPRO{
    height: 120px;
    width: 120px;
}


.alertify-notifier.ajs-center {
    z-index: 100000000000000000000000;
}



.divTest{
    background: rgba(255,255,255,0.15) !important;
    height: 100vh;
    width: 100vw;
    /* z-index: 10000000000; */
    position: absolute;
    top: 0;
    left: 0;
}


/* GUI DE THREE */
.react-dat-gui label{margin:0}

/* VER BTN DE VR */
/* .hud__group--bottom{ width: calc(100% - 10rem); } */


.mano{
    position: absolute;
    z-index: 100000000;
    top: 0;
    left:0;
    width: 54px;
    height: 74px;
}

.manejadorDiv3D{
    cursor: url('../images/mano.svg'), auto;
}

.tableSimulationSR{
    width:100% !important;
}


.tableSimulationSR table td, table th {
    border-bottom: 0px solid #03A29D;
    border-right: 0px solid #03A29D;
}

.tableSimulationSR  table th  {
    text-align: left !important;
}

.nav_menuInferior{
    position: absolute;
    bottom: 0px !important;
    top: unset;
    width: 100%;
}

.btn_maximize
{display: inline-block;
font: normal normal normal 1.5em/1 'labs';
color: inherit;
position: absolute;
right: 0;}


/* .katex{width: 100%;} */

span.formula img {
    filter: invert(100%);
    display: inline;
}


#reporteFinal span.formula img {
    filter: invert(0) !important;
    display: inline;
}

.contenidoDescripcion{
    /* height: Calc(80vh + 0.5rem); */
}

.tabs__content-content{
    width: calc(100% );
}

.introjs-tooltip p {
    margin: 0;
}



.vars-review__value, .vars-review__unit{
    flex-basis: 50% !important;
  }
  
  .vars-review__unit{
    font-size: 11pt;
  }

.mission__challenges-list li p span ul {
    list-style: none;
    padding: 0;
}