.Window_Container{


    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;

    position: absolute;
    z-index: 4;

    top: 0px;
    left: 0px;

    /* background-color: rgba(101, 225, 240, 0.5); */

    /* border: 1px;
    border-style: solid;
    border-color:#6494FA;  */
    /* border-radius: 10px; */

    height: auto;
    width: auto;
    min-width: 100px;
    max-width: 80vw;

    /* min-width: 60vmin;
    max-width: 80vmax; */


    /* min-width: 50vmax;
    max-width: 80vw; */

    /* min-height: 100px; */
     max-height: 70vh;
    /* max-height: 600px; */

    border-radius: 5px;
    opacity: 0.65;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
}

.Window_Container_Active{
    z-index: 5;
    opacity: 1;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

.Window_Container:hover{
    opacity: 1;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
}

.Window_Container_Active:hover{
    opacity: 1;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

.Window_Title_Container{
    cursor: move;
    /* esto sirve para poder difuminar el fondo */
    /* backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); */

    width: 100%;

    z-index: 4;

    background-color: rgba(139, 174, 250, 0.8);

    /* border: 2px;
    border-bottom: 1px;
    border-style: solid;
    border-color:#6494FA; */
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;

    display: inline-flex;
}

.Window_Title_Container .W_TitleText{
    padding-left: 50px;
    /* max-width: 70%; */
    overflow:hidden;
}

.Window_Container_Minimized .Window_Title_Container .W_TitleText{
    padding-left: 0px;
}

.W_TitleText{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
    pointer-events: fill;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;

    width: 100%;
    height: auto;
    min-height: 22px;

    padding-top: 4px;
    text-align: center;

    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: medium;
    font-weight: normal;

    align-self: center;
    white-space: nowrap;

}

.W_BarButton{
    cursor: default;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: fill;
}

.W_BarButton:hover{
    border-color:#5382e9;
    background-color: rgba(86, 135, 241, 0.5);
}

.W_BarButton:active{
    border-color:#527fe0;
    background-color: rgba(57, 102, 197, 0.5);
}

.Window_Content_Container{
    /* esto sirve para poder difuminar el fondo */
    /* backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); */

    pointer-events: all;

    z-index: 4;

    background-color: rgba(101, 225, 240, 0.8);

    /* border: 2px;
    border-top: 1px;
    border-style: solid;
    border-color:#6494FA; */
    border-bottom-left-radius:  5px;
    border-bottom-right-radius:  5px;
    /* border-radius: 10px; */

    height: auto;
    max-height: calc(65vh - 30px);
    /* height: auto; */
    /* max-height: 50vh; */
    width: 100%;

    /* min-height: 100px; */

    flex-direction:column;
    overflow-y: hidden;
    overflow-x: hidden;
}

.Window_Content_Container_Box{
    /* esto sirve para poder difuminar el fondo */
    /* backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); */

    pointer-events: all;

    z-index: 4;

    /* background-color: rgba(101, 226, 240, 0); */

     border: 2px;
    /*border-top: 1px;
    border-style: solid;
    border-color:#6494FA; */
    border-bottom-left-radius:  5px;
    border-bottom-right-radius:  5px;
    /* border-radius: 10px; */

    height: auto;
    /* height: calc(30vh - 30px); */
    max-height: calc(60vh - 30px);

    /* height: auto; */
    /* max-height: 50vh; */
    width: 100%;

    /* min-height: 100px; */

    display: flex;

    flex-direction:column;
    overflow-y: auto;
    overflow-x: hidden;
}

.W_button{

    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: fill;

    margin: 3px;
    padding: 5px;

    min-width: 4vmax;

    border: 1px;
    border-style: solid;
    border-color:#6494FA;
    border-radius: 5px;

    background-color: rgba(101, 225, 240, 0.5);

    text-align: center;
    vertical-align: middle;
}

.W_button:hover{
    border-color:#5382e9;
    background-color: rgba(86, 135, 241, 0.5);
}

.W_button:active{
    border-color:#527fe0;
    background-color: rgba(57, 102, 197, 0.5);
}


.W_CloseButon {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: fill;

    border-radius: 0px;
    border-top-right-radius: 5px;
    position: relative;

    width: 60px;
    height: 22px;

    top: 0px;
    right: 0px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.W_MinimizeButon {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: fill;

    border-radius: 0px;

    position: relative;

    width: 60px;
    height: 22px;

    top: 0px;
    right: 0px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.W_Close{

    height: 90%;
    width: 90%;

}

.W_Minimize{

    height: 80%;
    width: 80%;

}

.W_Seleccionar{
    margin: 0px;
    margin-left: 3px;
    padding: 5px;
    width: 20%;
    min-width: 90px;
    max-width: 150px;
}

.W_SemiPanel{
    width: 100%;

    margin-top: 3px;
    margin-bottom: 3px;

    padding-top: 3px;
    padding-bottom: 3px;

    border: 0px;
    border-top: 1px;
    border-style: solid;
    border-color:#6494FA;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.W_SemiPanel_FlexHorizontal{
    flex-direction: row;
}

.W_FileInput{
    width: 100%;
    height: auto;

    margin-top: 6px;
    margin-left: 3px;
    margin-right: 0px;
    /* margin-top: 3px; */
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.W_InputFile{
    display: none;
}

.W_FileLabel{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: none;


    margin-left: 5px;
    margin-right: 9px;

    width: 100%;
    min-width: 20vw;
    max-width: 35vw;

    height: auto;
    min-height: 10px;
    /* margin: 5px; */
    padding-top: 5px;
    padding-bottom: 5px;

    border: 1px;
    border-style: solid;
    border-color:#6494FA;
    background-color: rgba(148, 240, 250, 0.8);
    border-radius: 5px;

    vertical-align: middle;
    text-align: center;
}

.W_LabeledInput{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    width: 100%;
    height: auto;

    margin-top: 3px;
    display: inline-flex;
    /* justify-content: center; */
    align-items: center;
}

.W_Label{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: none;

    text-align: right;

    margin-left: 5px;
    margin-right: 5px;

    width: 20%;
    min-width: fit-content;
    /* max-width: 20%; */


}

.W_ImputZone{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    pointer-events: all;

    margin-left: 5px;
    margin-right: 5px;

    width: 100%;
    min-width: 20vw;
    max-width: 35vw;

    height: auto;
    min-height: 30px;
    max-height: 50px;
    padding: 5px;

    border: 1px;
    border-style: solid;
    border-color:#6494FA;
    background-color: rgba(148, 240, 250, 0.8);
    border-radius: 5px;

    vertical-align: middle;
    text-align: center;

    overflow-x: auto;
    overflow-y: hidden;

    white-space: nowrap;
    /* line-height: 25px; */
}

.W_ImputZone:hover{
    background-color: rgba(174, 244, 252, 0.8);
}


#MinimizedZone{
    pointer-events:fill;

    display: flex;
    overflow: auto;
    z-index: 4;

    bottom: 0px;
    position: absolute;

    height: auto;
    /* width: 100%; */
    /* width: calc( ( 100% - (7% + 200px)*0.915) ); */

    bottom: 40px;
    /* left: calc((7% + 200px)*0.96); */

    min-height: 40px;

    /* background-color: green; */
}

#MinimizedZone .Window_Container_Minimized{
    width: auto;
    min-width: 220px;

    margin-right: 10px;
}

.Window_Container_Minimized .Window_Title_Container{
    height: 100%;
}

.Window_Container_Minimized .Window_Title_Container .W_TitleText{
margin-left: 10px;
}

.Window_Container_Minimized .Window_Title_Container .W_BarButton {
    height: 30px;
}

/* .MinimizedZone.NormalWidth{
    left: calc((7% + 200px)*0.96);
    width: calc( ( 100% - (7% + 200px)*0.915) );
}

.MinimizedZone.FullWidth{
    left: 0px;
    width: 95%;
} */


#ActiveZone{
    pointer-events:none;

    display: flex;
    z-index: 5;

    bottom: 0px;
    position: absolute;

    /* height: 100%; */
    width: 100%;
    /* height: calc(85.9% - 3px); */
    height: calc(100% - 8% - 40px);
    top: 8%;

    min-height: 31px;

    /* background-color: rgba(225, 238, 38, 0.5); */
}

.W_FullBlock{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.W_ImputDropDown{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    pointer-events: all;

    margin-left: 5px;
    margin-right: 5px;

    width: 100%;
    min-width: 20vw;
    max-width: 35vw;

    height: auto;
    min-height: 10px;
    padding: 5.5px;

    border: 1px;
    border-style: solid;
    border-color:#6494FA;
    background-color: rgba(148, 240, 250, 0.8);
    border-radius: 5px;

    font-size: medium;
}
select{
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}

option{
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}

.W_LabeledBlock{
    width: 100%;

    /* min-width: 20vw;
    max-width: 50vw; */

    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    justify-content: center;
}

.W_MetaTableBlock{
    width: 100%;

    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;

}

.W_Label_Centred{
    margin-top: 5px;
    text-align: center;
}

.W_LabeledDropDown{
    width: 100%;
    height: auto;

    margin-top: 6px;
    display: inline-flex;
    /* justify-content: center; */
    align-items: center;
}

.noTopMargin{
    margin-top: 0px;
}

.XMLResultTitleContainer{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    margin-top: 2px;
    width: calc(100% - 8px);
    align-self: center;

    height: auto;

    min-height: 25px;
    max-height: 25vh;

    overflow-y: auto;

    /* display: table; */

    align-items: center;
    align-content: center;
}

.XMLResultContainer{
    /* margin-top: 2px; */
    width: calc(100% - 10px);
    align-self: center;

    height: auto;

    min-height: 25px;
    max-height: 25vh;

    overflow-y: auto;

    /* display: table; */

    align-items: center;
    align-content: center;
}

.XMLTitleElement{
    display: flex;

    /* padding: 0px; */

    width: 100%;

    border-width: 0px;
    /* border-bottom: 1px; */
    /* border-top: 1px; */
    border-style: solid;
    border-color:#999999;

}

.XMLElement{
    display: flex;

    /* padding: 0px; */

    width: 100%;

    border-width: 0px;
    border-bottom: 1px;
    /* border-top: 1px; */
    border-style: solid;
    border-color:#999999;

}

.XMLElement_Name{
    display: none;
    font-weight: bold;
    color:rgb(241, 139, 139);
}

.XMLElement_BBox{
    display: none;
    font-weight: bold;
    color:rgb(139, 241, 156);
}

.XMLColumnTitle.XMLElementColumn.BoolColumn  {
width: calc(20% - .2vw);
}

.BoolColumn{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;

    /* pointer-events: none; */

    width: 20%;

    min-width: 50px;
    align-content: center;
    text-align: center;

}

.TitleColumn{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;

    /* pointer-events: none; */

    /* text-overflow: ellipsis; */
    /* overflow: hidden;  */
    /* width: 160px;  */
    /* height: 1.2em;  */
    /* white-space: nowrap; */

    padding-top: 2px;
    padding-bottom: 2px;

    width: 80%;

    /* min-width: 50px; */
    align-content: center;
    text-align: center;

}



.ColumnTitle{

    display: none;

    padding-top: 2px;

    font-weight: 400;

    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color:#999999;
}

.XMLColumnTitle{

    /* display: none; */

    padding-top: 2px;

    font-weight: 700;

    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color:#999999;
}

.BoolColumn{
    border-right-width: 1px;
    border-right-style: solid;
    border-color:#999999;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    /* display: flex; */
    align-items: center;
    justify-items: center;
    justify-content: center;

}

.XMLElement_Icon{

    width: 1.2rem;

    vertical-align: middle;
    align-content: center;
    align-self: center;
}

.W_LabeledCheckbox{

    cursor: pointer;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    width: 100%;
    min-width: 20vw;
    /*max-width: 41vw;*/

    height: auto;

    margin-top: 6px;
    display: inline-flex;
    /* justify-content: center; */
    align-items: center;
}

.W_CheckBox_Container{

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    margin-left: 0px;
    margin-right: 5px;

    padding-right: 10px;

    width: 20%;

    display: flex;
    align-items: flex-end;
    justify-items: flex-end;
    justify-content: flex-end;
}


.W_CheckBox_Container_Editar{

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
}

.W_CheckBox_Icon{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    /* padding-right: 5px; */
    width: 1.2rem;

    vertical-align: middle;
    align-content: flex-end;
    align-self: center;
}

.W_Chekbox_Label{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: none;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    width: 100%;

    margin-right: 5px;

}

.Anim_Alert{
    animation-name: AlertWindow;
    animation-duration: 1s;
    animation-play-state: running;
}

@keyframes NoAnim {
    100%   {}
}

@keyframes AlertWindow {
    0%   {opacity: 50%;}
    20%   {opacity: 100%;}
    40%   {opacity: 50%;}
    60%   {opacity: 100%;}
    80%   {opacity: 50%;}
    100%   {opacity: 100%;}
  }

/* animaciones de los botones al cerrar y abrir */
@keyframes Cerrar_M_Buton {
    0%   {width: 6.5vh;}
    /* 75%   {width: 1.6vh;} */
    99%   {width: 0vh;}
    100%   {width: 0vh; display: none; min-width: 0px; margin: 0;}


}

@keyframes Abrir_M_Buton {
    0%   {width: 0vh; display:flex; min-width: auto;}
    1%   {width: 0vh;}
    /* 75%  {width: 4.4vh;} */
    100%   {width: 6.5vh;}
}

@keyframes Cerrar_M_icon {
    0% {opacity: 1; }
    70% {opacity: 0;}
    95% {width: 30px;}
    100% {opacity: 0; width: 0px;}
}

@keyframes Abrir_M_icon {
    0% {opacity: 0; width: 30px;}
    45% {opacity: 0;}
    100%   {opacity: 1;}
}

.BotonCerrado.M_Buton{
    animation: Cerrar_M_Buton 1s normal forwards;
    animation-iteration-count: 1;
}

.BotonAbierto.M_Buton{
    animation: Abrir_M_Buton 1s normal forwards;
    animation-iteration-count: 1;
}

.BotonCerrado img{
    animation: Cerrar_M_icon 1s normal forwards;
    animation-iteration-count: 1;
}

.BotonAbierto img{
    animation: Abrir_M_icon 1s normal forwards;
    animation-iteration-count: 1;
}

@keyframes Cerrar_LayerDisplay {
    0% {left:0px;}
    100% {left: calc((7% + 185px) *-1);}
}

/* width: calc(7% + 220px); */
@keyframes Abrir_LayerDisplay {
    0% {left: calc((7% + 185px)*-1); }
    99% {left:0px;}
    100% {}
}

.LD_Cerrado {
    animation: Cerrar_LayerDisplay 0.5s normal forwards;
    animation-iteration-count: 1;
}

.LD_Abierto {
    animation: Abrir_LayerDisplay 0.5s normal forwards;
    animation-iteration-count: 1;
}

/* .MinimizedZone.NormalWidth{
    left: calc((7% + 200px)*0.96);
    width: calc( ( 100% - (7% + 200px)*0.915) );
}

.MinimizedZone.FullWidth{
    left: 0px;
    width: 95%;
} */

.MinimizedZone.FullWidth {
    animation: MinimizedZone_FullWidth 0.5s normal forwards;
    animation-iteration-count: 1;
}

.MinimizedZone.NormalWidth {
    animation: MinimizedZone_NormalWidth 0.5s normal forwards;
    animation-iteration-count: 1;
}

@keyframes MinimizedZone_FullWidth {
    0% {left: calc((7% + 200px)*0.96);
        width: auto;
        max-width: calc( ( 100% - (7% + 200px)*0.98) );}
    100% {left: 0.5%;
        width: auto;
        max-width: 99%;}
}

/* width: calc(7% + 220px); */
@keyframes MinimizedZone_NormalWidth {
    0% {left: 0.5%;
        width: auto;
        max-width: 99%;}
    100% {left: calc((7% + 200px)*0.96);
        width: auto;
        max-width: calc( ( 100% - (7% + 200px)*0.98) );}
}

.CI_FeatureInfoContainer{
    margin-left: 5px;
    margin-right: 5px;

    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color:#999999;

    overflow: hidden;

    margin-bottom: 5px;
}

.CI_FeatureElementContainer{
    /* cursor: move; */
    /* esto sirve para poder difuminar el fondo */
    /* backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); */

    width: 100%;

    z-index: 4;

    background-color: rgba(36, 134, 199, 0.8);

    /* border-width: 0px; */
    /* border-bottom: 1px; */
    /* border-top: 1px; */
    /* border-style: solid; */
    /* border-color:#999999; */

    /* border: 2px;
    border-bottom: 1px;
    border-style: solid;
    border-color:#6494FA; */
    /* border-top-left-radius:  5px;
    border-top-right-radius: 5px; */



    overflow: hidden;

    display: inline-flex;
}

.CI_FeatureElementTitle{
    pointer-events: none;
    pointer-events: fill;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;

    width: 100%;
    height: auto;
    min-height: 22px;

    padding-top: 4px;
    text-align: center;

    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: medium;
    font-weight: normal;

    align-self: center;
    white-space: nowrap;


}

.CI_FeatureMinimizeButon {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: fill;

    border-radius: 0px;
    /* border-top-right-radius: 5px; */
    position: relative;

    width: 40px;
    height: 100%;

    top: 0px;
    right: 0px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.CI_FeatureMinimizeButon_Icon{
    width:80%;
}

.IconON {
    display: block;
}

.IconOFF {
    display: none;
}

.CI_FeatureInfoTable{
    width: 100%;

    border-collapse: collapse;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

.CI_Table_Header{
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.TableON {
    display: table;
}

.TableOFF {
    display: none;
}

.CI_FilaEncabezado{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    background-color: rgba(32, 116, 172, 0.8);

    border-width: 0px;
    /* border-top: 1px; */
    border-style: solid;
    border-color:#999999;
}

.CI_FilaPar{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* background-color: rgba(43, 157, 233, 0.8); */

    border-width: 0px;
    border-top: 1px;
    border-style: solid;
    border-color:#999999;
}

.CI_FilaImpar{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* background-color: rgba(34, 127, 189, 0.8); */

    border-width: 0px;
    border-top: 1px;
    border-style: solid;
    border-color:#999999;
}

.CI_ElementRightBorder{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    /* background-color: rgba(34, 127, 189, 0.8); */

    border-width: 0px;
    border-right: 1px;
    border-style: solid;
    border-color:#999999;
}

.CI_Table_Value_column{
    max-width: 50vw;
    line-break: anywhere;
}

:root{
    --nuevoValor:0;
    --nuevoValorPorcentaje:0%;
}

.W_ProgressBlock{
    width: 100%;
    min-width: 25vmax;

    border-width: 1px;
    border-style: solid;
    border-color:#6d24e2;
}

.W_ProgressBar_BG {
    background: rgba(200, 200, 200, 0.30);
    justify-content: flex-start;
    border-radius: 100px;
    align-items: center;
    position: relative;
    margin: 5px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    height: 24px;
    width: 25vmax;
  }

  .W_ProgressBar_Value {
    box-shadow: 0 10px 40px -10px #fff;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.80);
    height: 16px;
    width: 0%;
    transition: width 0.3s ease-in-out;
  }

  .W_ProgressBar_Value.AnimateBar {
    width: var(--nuevoValorPorcentaje);
  }

  .W_Tips_Container{
    width: 30vmax;

    min-width: 350px;

  }

  .W_Tips_Control{

    display: flex;
    width: calc(100% - 10px);

    justify-content: stretch;

    /* border-width: 1px;
    border-style: solid;
    border-color:#6d24e2; */

    border-style: solid;
    border-color: rgba(255, 255, 255, 0.50);
    border-width: 0px;
    border-bottom-width: 1px;

    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 10px;

  }

  .CenterTip{
    height: 100%;
    display: flex;
    justify-content: center;
    text-align: center; 
    /* margin: 8px; */
  }

  .CenterContentPanel{
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    align-content: center;
    align-items: center;
  }
  
  .TipObject{
    position: relative;

    border-style: solid;
    border-width: 0px;

    /* width: 400px; */
    height: 300px;

    min-width: 100px;
    max-width: 100%;

    overflow-y: auto;

    margin-top: 5px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 5px;

    padding: 0px;
  }

.TipObject iframe {
    display: block;       /* 1. Elimina por completo el espacio invisible inferior */
    width: 100%;          /* 2. Asegura que cubra el ancho exacto */
    height: 100%;         /* 3. Asegura que mida exactamente los 300px del padre sin pasarse */
    box-sizing: border-box; 
}

  #TemasAudaRapida .W_ImputDropDown{
      width: 100%;
      max-width: 100%;
      min-width: 0px;
  }

  .W_Tips_Control .W_button{
      position: relative;

      display: flex;

      max-height: none;
      min-width: auto;

      padding: 6.5px;
      padding-left: 10px;
      padding-right: 10px;
}

.tabla_creditos_titulo{
    margin-left: 2.5%;

    padding-top: 3px;
    padding-bottom: 3px;

    font-weight: 600;

    width: 95%;

    background-color: rgba(255, 255, 255, 0.1);
}

.tabla_creditos{

    margin-left: 2.5%;
    margin-bottom: 0px;

    width: 95%;

    /* border-width: 2px;
    border-style: solid;
    border-color: rgb(138, 138, 138); */

    border-collapse: collapse;

    background-color: rgba(255, 255, 255, 0.1);
}

.tabla_creditos tr td{
    width: 50%;

    padding: 2%;

    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: rgba(255, 255, 255, 0.3);

    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgba(255, 255, 255, 0.3);

    padding-top: 2px;
    padding-bottom: 2px;
}

.tabla_creditos tr td:hover{
    background-color: rgba(255, 255, 255, 0.15);
}

.tabla_creditos tr td:active{
    background-color: rgba(255, 255, 255, 0.3);
}

a.link{
    pointer-events: all;
    color:rgba(255, 255, 255, .9);
    text-decoration-line: none;
}

a.link:hover{
    color:rgba(255, 255, 255, 1);
    text-decoration-line: underline;
}

a.link:active{
    color:rgba(255, 255, 255, .7);
    text-decoration-line: underline;

}

.W_MetaTable{
    /* max-width: 100%; */
    max-width: 30vmax;
    min-width: 100px;

    /* max-width: 80vw; */
    /* max-width: 300px; */

    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 5px;

    border-collapse: collapse;

}



.W_MetaTable th{

    white-space:nowrap;
    width: auto;

    /* border-style: solid;
    border-width: 2px;
    border-color: white; */

    text-align: right;
    vertical-align: text-top;
    padding-right: 5px;
}


.W_MetaTable td{
    display: block;

    width: 100%;
    /* min-width: calc(100px);
    max-width: calc(80vw calc); */

    /* border-style: solid;
    border-width: 2px;
    border-color: white; */

    padding-bottom: 5px;

    overflow: auto;

    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome & Safari */ 
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-word;
    white-space: normal;
}

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome & Safari */ 
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.W_link{
    text-shadow: 0px 0px 5px #0004ff;
}

.W_link:hover{
    cursor: pointer;
    text-decoration: underline;
}

.W_Layer_NOT_Loaded{
    opacity: 0.6;
}

/*# sourceMappingURL=WindowStyle.56bff2ec.css.map */