/* Colors 
Header #0277BD
Botones #009688 
Botones Hover #009600
Equipo Seleccionado Hover de la lista #DEE3E9 
Equipo Seleccionado Actual #E1F5FE
Secciones Internas -> #006064 
.TitulodelArbol -> background-color: #0277BD;
Diagramas #D50000
14px Para Titulos
12px Para Contenido 
10px Para Tablas
 
Opciones Fondo => #009688 

Border-Color Hover #c7c7c7

*/

/* Colores  

TH - tablas #C5CCD4 
Border Tabla #C5CCD4 
  
TH #FFF176
TH #69F0AE

Secciones Internas -> #006064

.titulos_secciones_Reporte -> Size: 12px ; Back: #006064 ; color texto : blanco;

Bordes : #C5CCD4;

#952F57 Guinda

Nuevos colores 02-Mayo-2023
Guinda Primario #800040
Guida Secundario #A40746
Guinda Tercerio #b80d4a
Complementario : #008040 Verde
Coor Azul Rayados #002b5d  #0e4a9d , Secundrio #1e78ce
0F468C

*/

/* Estructura de colores  */

.page-header,
.footer-main {
    background-color: #0e4a9d !important; 
}

.colorprincipal {
    background-color: #0e4a9d !important;
}

.colorsecundario,
.futclas_titulos_secciones,
.buttonInspeccion {
    background-color: #0e4a9d !important;
}



.colorterciario,
.buttonDisenio {
    background-color: #0e4a9d !important;
}

.colorcomplementario,
.seciones_internas,
.seciones_subinternas,
.titulos_secciones_Reporte,
.th_opciones, .th_opciones_100,
.titulos_Reportes,
.taggd__button,
.taggd__popup,
.header_table {
    background-color: #0e4a9d !important;
    color: white !important;
}

.renglonseleccionado,
.EquipoSeleccionado {
    background-color: #C5CCD4;
}

.Btns_Icons:hover {
    border: 1px solid #C5CCD4;
}

.FondoIdentificacion {
    /* background-color: #c7c7c7;
     border-radius: 5px;    */
}

.Hoverlista:hover {
    background-color: #008040 !important;

}

.ListadoDeEquipo a,
 a:hover,
.CajaMenuFlotante,
.CajaMenuFlotante a {
    color: #A40746;
}


.ListadoDeEquipo:hover {
    background-color: #C5CCD4;
}

.Btn_Roundz {
    border-radius: 50%;
    border: 1px solid #A40746;
}

.Listadocategorias{
    color: #800040 !important;
}

.Bordes{
        border: 1px solid #0e4a9d;
}

/* Tamaños Principales */


.sidebar-nav ul ul a {
    font-size: 14px !important;
}

#ChargeForm {

    margin-top: -15px;
    width: 100%;
    float: left;
    border: 1px solid #C5CCD4;
    /* border: 1px solid red;*/
    height: 100%;
    border-radius: 5px;
    overflow-x: auto;
    background-color: #fafafa;
    /* background-image: url('images/simcu1.jpg');*/
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.9;
    /*background-color: red;*/
}

.fondoapp {
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    padding: 5px;
    /* background-color: red;*/
}

.SeccionModulosX {
    float: left;
    width: 80%;
    border: 1px solid green;
}



#Secction_buttons {
    margin-top: 0px;
    width: 100%;
    float: left;
    border: 0px solid #C5CCD4;
    height: auto;
    border-radius: 5px;
    overflow-x: auto;
}

#CajaBotonesPrincipales {
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    border: 0px solid green;
    border-left: 2px solid #C5CCD4;
    height: 100%;
    width: auto;
    max-width: 60%;
}

#CajaBotonesPrincipales_Derecha { 
    padding-left: 5px;
    padding-right: 5px;
    float: right;
    border: 0px solid green;
    border-left: 2px solid #C5CCD4;
    height: 100%;
    width: auto;
}

.CajaBotones_Izquierda {
    margin-left: 2px;
    display: inline;
    border: 0px solid green;
    border-left: 2px solid #C5CCD4;
    height: 100%;
    width: auto;
}

.Ancho100 {
    width: 100%;
    border: 1px solid red;
}


.SepadadorVertical {
    width: 5px;
    height: 20px;
    float: right;
    margin-right: 20px;
    border: 1px solid red;
}

.arbol {
    margin: 0 auto 0 auto;
    padding-left: 2px;
    width: 20%;
    height: 100%;
    float: left;
    overflow-y: auto;
    display: block;
    border-right: 1px solid #C5CCD4;
}


.ContenedorListas {
    width: 79.9%;
    margin: 0;
    border: 0px solid #C5CCD4; 
    height: auto;
    float: left;
    /* border: 1px solid red !important;*/
    /*  display: flex;
       flex-direction: column; */
}

.ContenedorFull {
    width: 99%;
    margin: 0 auto 0 auto;
    border: 0px solid #C5CCD4;
    height: 100%; 
    float: left;
    padding: 2px;
}

/* Fin del arbol */
.ContenedorSinArbol {
    width: 99%;
    margin: 0 auto 0 auto;
    border: 1px solid #C5CCD4;
    height: 99.9%;
    float: left;
    border-radius: 5px;
    padding: 10px;
}



.ContenedorTablas_Full {
    /* position: relative;*/
    width: 99%;
    margin: 0; 
    border: 0px solid #C5CCD4;
    height: auto;
    float: left;
    overflow-x: auto;
    /* padding-bottom: 50px;*/
}


.TituloBlanco {
    color: white;
    font-weight: bold;
}

.TituloSuperiorSoftware {
    padding-top: 5px;
    color: white;
    font-weight: bold;
}

/* ARBOL E ICONOS */

.TitulodelArbol {
    float: left;
    text-align: center;
    width: 99%;
    /* padding: 2px;*/
    color: white;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
    border: 0px solid red;
    border-radius: 5px;
}

.icons {
    padding-left: 5px;
    width: 99%;
    float: left;
    border: 1px solid #C5CCD4;
    text-align: left;
    border-radius: 5px;
}

.Btns_Icons {
    cursor: pointer;
    width: 20px;
    height: 20px;
    /*    border : 1px solid #009688;*/
    border-radius: 5px;
    float: left;
    margin: 2px;
}



.Btns_Icons_small {
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 5px;
    margin: 2px;
}

.Btns_Icons_big {
    margin-left: 5px;
    width: 24px;
    height: 24px;
    /* border: 1px solid red;*/
}

.Iconos_Arbol {
    cursor: pointer;
    width: 18px;
    height: 18px;
    float: right;
    margin-right: 15px;
}


.ListadoDeEquipo {
    margin-right: 2px;
    float: right;
    width: 98%;
    border: 0px solid red;
    vertical-align: middle;
}





.TituloNombreEquipo {

    /* background-color: yellowgreen;*/
    color: white;
    font-weight: bold;
    float: left;
    width: auto;
    height: 100%;
    vertical-align: central;
    text-align: center;
    margin-left: 10px;
}


.IsometricoSeleccionado {
    /* background-color: #E1F5FE;*/
    background-color: #00aff0;
    color: white;
}

.ModuloSeleccionado {
    background-color: #E1F5FE;
    color: #006064;
}

.Listadocategorias {
    clear: both;
    float: left;
    margin-top: 10px;
    width: 99.9%;
    padding-left: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    border: 0px solid blue;
}


/* RENGLONES Y CONTENIDO DE LOS RENGLONES */

.renglon {
    width: 100%;
    height: auto;
    border: 0px solid red;
    float: left;
    padding: 1px;
}

.renglon_AUTO {
    width: 33%;
    height: auto;
    border: 0px solid yellow;
    float: left;
    padding: 1px;
}

.renglon_AUTO_50 {
    width: 49%;
    height: auto;
    float: left;
    padding: 0px;
    border: 0px solid #C5CCD4;
}

.renglonspan {
    height: 100%;
    padding: 2px;
    width: 49%;
    float: left;
    border: 0px solid blue;
    padding-left: 10px;

}

.renglonspan_Width30 {
    width: 25%;
}


.renglonautoheigth {
    height: auto;
    /* border: 1px solid brown;*/
}

.renglonCuadrosTexto {
    height: 100%;
    padding: 2px;
    width: 50%;
    float: left;
    border: 0px solid green;
}

.renglonCuadrosTexto_Width75 {
    width: 74%;
}


.cuadrostexto {
    width: 100%;
    height: 25px;
    padding: 0px;
    border: none;
    border-bottom: solid 1px #c9c9c9;
    transition: border 0.1s;
    text-align: center;
    font-weight: normal;
    /*text-transform: uppercase;*/

}

.RedondearBorde {
    border: 1px solid #C5CCD4;
    text-align: left;
    border-radius: 5px;
}


.cuadrostexto_BOLD {
    font-weight: bold;
}

.Negritas {
    font-weight: bold;
}

.AlinearDerecha {
    text-align: right;
    padding-right: 20px;
}

.cuadrostexto_GRID {}

select {

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #C5CCD4;
    width: 100%;
    height: 25px;
    margin: 0x 0 0px 0;
    padding-left: 5px;
    text-align: center;
    border-radius: 5px;
}


.cuadrostexto_Chicos {
    width: 100%;
    height: 25px;
    padding: 0px;
    border: none;
    border-bottom: solid 1px #c9c9c9;
    text-align: center;

}

.renglon_TEXTAREA {
    width: 100%;
    height: auto;
    border: 0px solid red;
    float: left;
    margin: 2px;
    padding: 2px;
}

.renglon_TEXTAREA_50 {
    width: 49%;
    height: auto;
    border: 0px solid red; 
    float: left;
    margin: 2px;
    padding: 2px;
}


/* TITULOS DE LAS SECCIONES */

.futclas_titulos_secciones {
    float: left;
    text-align: right;
    width: 99.9%;
    padding-right: 10px;
    color: white;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
    clear: both;
    border: 0px solid red;
    vertical-align: middle;
    height: 22px;
    border-radius: 5px;
}

.seciones_internas {
    clear: both;
    float: left;
    margin-top: 5px;
    text-align: left;
    width: 52%;
    color: white;
    font-weight: bold;
    padding-left: 10px;
    height: 20px;
    border-radius: 5px;
    
}

.seciones_subinternas {
    margin-top: 10px;
    text-align: left;
    width: 50%;
    color: black;
    clear: both;
    font-weight: bold;
    padding-left: 10px;
}

.button_DIV {
    border: 1px solid #0e4a9d;    
    /*color: white;*/    
    padding: 3px 5px 3px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    cursor: default ;
    border-radius: 5px;
    width: auto;
}

.button_DIV:hover {
    /*border: 1px solid #008040; */
    background-color: #1e78ce;
    color: white;
}

.button_DIV_Rojo {
    background-color: red;
    width: auto;
}

.button_DIV_Verde {
    background-color: green;
    width: auto;
}


.BtnSave {
    width: 100px;
    height: 40px;
    border: 1px solid green;
    background-image: url('Icons/ic_close_24.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left;
    z-index: 100;
}

/* Cajas cuestionarios */

.DescripcionCuestionario {
    display: none;
}

/* Cuadros de Texto */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
input[type="date"],
textarea {
    border-radius: 5px;
    border: none;
    border: solid 1px rgba(210, 215, 217, 0.75);
    /* color: inherit;*/
    display: block;
    outline: 0;
    padding: 0 0.25em;
    text-decoration: none;
    width: 100%;
}

.content-main_X container_X {
    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.circularavatar {
    /*background-color: white;*/
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 0px solid red;
}


.tab_full {
    width: 100%;
    border: 0px solid blue;
    height: auto;
}

/* Nuevos CSS agregados */

.text-tab {
    font-weight: bold;
    color: #0277BD;
}


.TitulosInteriores_IBR {
    float: left;
    text-align: left;
    width: 98%;
    padding-left: 10px;
    color: #0277BD;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
    clear: both;
}



/* Animaciones de Texto */

.text {}


.parpadea {
    width: auto;
    float: left;
    font-weight: bold;
    color: red;
    border: 0px solid red;
    /* text-transform:uppercase;*/

    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

}

.guardando {
    width: auto;
    float: left;
    font-weight: bold;
    color: green;
    border: 2px solid green;
    /* text-transform:uppercase;*/

    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

}

#SalidaX {

    word-wrap: break-word;
    width: 99%;
    border: 0px solid red; 
    display: none ;
    float: left;

} 

.SalidaTemporal {
    word-wrap: break-word;
    width: 99%;
    display: none;
}

.ErrordeEntrada { 
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding: 2px;
    color: orangered ; /* #0e4a9d;*/
    /* text-transform:uppercase;*/

    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}


.ErrordeEntradatxt {
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding: 2px;
    background-color: red !important;
    /* text-transform:uppercase;*/

    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}


@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.TituloEquipoyCategoria {}




/* REPORTES  */

#SeccionImprimir {
    clear: both;
    background-color: gray;
}

.SeccionImprimir_CartaVertical {
    clear: both;
    width: 800px;
    margin: auto auto;
    background-color: white;
    border-radius: 5px;
}

.SeccionImprimir_CartaHorizontal {
    clear: both;
    width: 1200px;
    height: 712px;
    border: 1px solid gray;
    background-color: white;
    border-radius: 5px;
}

.Imagenes_Softwares {
    padding: 2%;
    float: left;
    width: 23%;
    border: 0px solid red;
}


/* Este ERA CSS Toools */


.Renglon_NombreUsuario {
    clear: both;
    width: 100%;
    height: auto;
    float: left;
}

.Seccion_Identificacion {
    float: right;
    width: 50%;
    border: 0px solid red;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;

}

.RenglonRespuesta {
    background-color: yellow;
    text-align: center;
    font-weight: bold;
    /* pointer-events: none;*/
}



.TablaCompleta {
    width: 100%;
    height: auto;
    border: 0px solid green;
}

.ContenedorTabla {
    width: 100%;
    height: auto;
    border: 0px solid red;
    overflow-x: auto;
}

.CajaOculta {
    display: none;
}

.TablaOculta {
    clear: both;
    /* border-top: 20px;*/
    border: 0px solid #CFD8DC;
    /* text-align: center;*/
    display: none;
    height: 100%;
    /* border: 1px solid red; */
}

#TablaOculta_PlanoInspeccion {
    clear: both;
    border-radius: 5px;
    border-top: 20px;
    border: 2px solid #CFD8DC;
    /* text-align: center;*/
    display: none;
    height: auto;
    /* border: 1px solid red; */
}

table {
    border-collapse: collapse;
    width: 100%;
}


th,
td {
    text-align: center;
    padding: 1px;
    border: 1px solid #ECEFF1;

}

/* tr:nth-child(even){background-color: #f2f2f2}*/

._50Porciento {
    min-width: 49%;
    float: left;
    word-wrap: break-word;
}

._50px {
    width: 50px !important;
    word-wrap: break-word;
}

._80px {
    min-width: 80px;
    word-wrap: break-word;
}

._100px {
    min-width: 100px;
    word-wrap: break-word;
}

._100pxMax {
    float: left;
    width: 100px;
    word-wrap: break-word;
    text-align: center;
}

._200px {
    width: 220px;
    word-wrap: break-word;
    /*  background-color: #ECEFF1;*/
}

._400px {
    width: 400px;
    word-wrap: break-word;
}

._600px {
    width: 600px;
    word-wrap: break-word;
    /* background-color: yellow;*/
}

._30Porciento {
    width: 30%;
    word-wrap: break-word;
    /* background-color: yellow;*/
}

.newtable {
    border-collapse: collapse;
    width: 80%;
}

.new_th {
    background-color: #CFD8DC;
    color: black;
    text-align: center;
    font-weight: bold;
    border-radius: 5px !important;
}

.th_opciones {
    width: 95px !important;
    border-radius: 5px !important; 
}


.th_opciones_100 {
    width: 100px !important;
    border-radius: 5px !important;
    /* border: 1px solid red; */
}


.td_center {
    text-align: center;

}

.th_FFF176 {
    background-color: #FFF176;
    font-weight: bold;
}


.th_69F0AE {
    background-color: #69F0AE;
}


.th_009688 {
    background-color: #009688;
    color: white;
}



.CajaFD {
    width: auto;
    float: left;
    margin: 10px;
    padding: 2px;
}





.CeldaRoja {
    /*float: left;*/
    background-color: #f60e0e;
    color: #FFF;
    font-weight: bold;
}





.FondoDeColorNegro {
    background-color: #000;
    color: #FFF;
    text-align: center;
}

.FondoDeColorAzul {
    background-color: blue;
    color: #FFF;
    text-align: center;
}

.FondoDeColorVerde {
    background-color: #009688;
    color: #FFF;
}

.FondoDeColorAmarillo {
    background-color: yellow;
    color: #000;
}

.FondoDeColorRojo {
    background-color: #f60e0e;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}

.FondoDeColorNaranja {
    background-color: #ff9900;
    color: #FFF;
    text-align: center;
}

.CeldaVerde {
    background-color: green;
    color: #FFF;
    text-align: center;
}

.CeldaVerdeAmarillo {
    background-color: greenyellow;
    color: white;
}

.CeldaNaranja {
    background-color: #ff8000;
    color: white;
    /* float: left;*/
}

.CeldaNaranja:hover {
    background-color: #FF6600;
}

.CeldaAmarilla {
    /* float: left;*/
    background-color: #F6FA01;
    color: black;
}



.CeldaNormal {
    background-color: white;
    color: black;
}


.CeldaAzul {
    background-color: #90CAF9;
    color: black;
}

.CeldaAzulMaps {

    background-color: #00aff0;
    color: black;
    width: auto;
    float: left;
    color: black;
    font-weight: bold;
}

.CeldaBrown {
    background-color: #aa5944;
    color: white;
}

.CeldaCircunferenciales {
    background-color: #4db6ac;
    color: black;
}

.CeldaLongitudinales {
    background-color: #81c784;
    color: black;
}

.CeldaNoEditable {
    float: left;
    background-color: #C5CCD4;
    color: black;
}

.CeldaEspacio {
    float: left;
    margin: 5px;
}

.RowTable:hover {
    background-color: #E1F5FE;
}


.minitexto {
    width: 100%;
}

.AlingLeft {
    text-align: left;
}

/* Tabla de los espesores */

.TablaEspesores {
    width: 99.9%;
    vertical-align: bottom;
    /* Argegado */
    /*table-layout: fixed;     
        white-space: nowrap;
        overflow-x: auto ;
        border: 1px solid gray;
        border-collapse : separate; 
*/
    margin-top: 10px !important;
    border-radius: 5px;
    border: 1px solid #C5CCD4 !important;
}

.TablaEspesores td {
    vertical-align: top;
}


.renglonespesor {
    display: none;
}



.th_tabla {
    text-align: center;
    font-weight: bold;
}



#izquierda {
    width: 30%;
    height: 100%;
    float: left;
    border: 1px solid blue;
}


#derecha {
    width: 69%;
    height: 100%;
    float: left;
    border: 1px solid red;
}


#subtema {
    color: #B4201B;
    font-weight: bold;
}


/* Reportes */

.CajaSeccionReporte {
    clear: both;
    float: left;
    width: 99%;
    border: 0px solid blue;
    margin: 5px;
    height: auto;
    overflow-x: auto;
}

.titulos_Reportes {
    float: left;
    text-align: left;
    width: 99%;
    color: white;
    font-weight: bold;
    clear: both;
    padding-left: 5px;
    margin-top: 5px;
}

.titulos_secciones_Reporte {
    margin-top: 5px;
    float: left;
    text-align: left;
    width: 99.9%;
    color: white;
    font-weight: bold;
    clear: both;
    padding-left: 5px;
    border: 0px solid red;
}

.RenglonReporte {
    border: 1px solid #C5CCD4;
    width: 99%;
    height: auto;
    padding: 1px;
    float: left;
}

.RenglonReporte_Largo {
    border: 1px solid #C5CCD4;
    width: 99%;
    height: auto;
    padding-left: 5px;
    float: left;
}


.RenglonReporte_Item {
    width: 30%;
    float: left;
    border: 0px solid yellow;
    padding-left: 5px;
}

.RenglonReporte_Valor {
    width: 30%;
    float: left;
    border: 0px solid green;
    padding-left: 5px;
}


.RenglonReporte_Item_Largo {
    width: 49%;
    float: left;
    border: 0px solid yellow;
}

.item_valor {
    font-weight: bold;
}

.LineadeSeparacion {
    float: left;
    width: 100%;
    height: 4px;
    border-top: 2px solid #C5CCD4;
    border-radius: 1px;
    margin-top: 20px;
}

.SeparadorVertical {
    height: 100%;
    /*width: 5px;*/
    border-left: 2px solid #800040;
    display: inline-block;
    margin-left: 2px;
    min-height: 30px;
}


/* SECCIÓN TABS para IBR NODOS */

.text-tab {

    /*border:1px solid red;*/
}

.ContenedorInternoNodos {
    width: 99%;
    border: 0px solid orange;
    height: auto;
    float: left;
}

.tab_titulos_nodo {
    clear: both;
    width: 99.9%;
    border: 1px solid #ecf0f5;
    border: 0px solid red;
    border-radius: 5px;
    margin-left: 1px;
    float: right;
}

.fondo_titulos_tabs {
    background-color: #ecf0f5;
    height: 30px;
    border: 0px solid green;
}

.tab-content {
    width: 100%;
    border: 0px solid #69F0AE;
}

.seccion_tab_content {

    margin-top: 2px;
    width: 100%;
    border: 1px solid #C5CCD4;
    float: right;
    border-radius: 5px;
}

/* Sección de Mecanismos de Daño */

.oculto {
    display: none;
}

.CajaMecanismosdanio {
    clear: both;
    width: 99%;
    border: 0px solid green;
    float: right;
    margin-right: 10px;
}

.CajaModulosMecanismos {
    width: 100%;
    border: 0px solid red;
    height: 100%;
}

.ClassDisabled {
    background-color: #CFD8DC;
    font-weight: bold;

}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    cursor: pointer;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}


/*Nuevas Modificiaciones ESBA-Ingtec */
.span_mini {
    border-radius: 5px;
    border: 0px solid red;
    color: #000;
    background-color: #FFF;
    font-weight: bold;
    margin-top: 5px;
    padding: 2px;
    font-size: 12px !important;
}

.col-md-3 .white-box a {
    color: #000;
    background-color: #FFF;
    padding: 0px 2px 0px 2px;
    border-radius: 5px;
}

.col-md-3 .white-box {
    color: black !important;
    /*background-color: #aee571 !important;*/
    border-radius: 5px;
    cursor: pointer;
    border: 0px solid green;
    height: 90px !important;
}

.col-md-3 .white-box h4 {
    border: 0px solid red;
    margin-bottom: 0px;
}


/* Clases para la Parte de ESBA-FREE */


.FondoTanques {
    background: url(images/Fondo3.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;

}



.HacerClic:hover {
    border: 2px solid #c7c7c7 !important;
    border-radius: 5px !important;
}

/*Fin evento Hover */

.FondoRecipientes {
    /* background: url('images/Fondo-Recipientes-Diagrama.png') no-repeat;*/
    background: url('images/Fondo_Categoria_Recipientes.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;
}

.FondoTuberias {
    background-image: url(images/Fondo6.jpg);
    background-size: cover;
    background-position: center;
}

.FondoDuctos {
    background-image: url('images/FondoDuctos.png');
    background-size: cover;
    background-position: center;
}

.FondoCalentadores {
    background-image: url(images/Fondo1.jpg);
    background-size: cover;
    background-position: center;
}

.Fondo_Susceptibilidad {
    background-image: url(images/Fondo6.jpg);
    background-size: cover;
    background-position: center;
}

/* Evento HOVER agregado 17/Feb/2021 */
.FondoTanques:hover,
.FondoRecipientes:hover,
.FondoTuberias:hover,
.FondoCalentadores:hover,
.Fondo_Susceptibilidad:hover,
.FondoDuctos:hover {
    border: 2px solid #c7c7c7 !important;
    border-radius: 5px !important;
}

.NombresCategoriasBloqueado {
    float: left;
    background-color: white;
    width: auto;
    background-color: #ffbf00;
}

/* Noticias */
.SeccionPublicidad {
    float: right;
    width: 15%;
    border: 0px solid blue;
    height: 95%;
    z-index: 1800;
    top: 0px;
    right: 0px;
    position: absolute;
}

.FondoPublicidad {
    color: white;
    width: 100%;
    height: 100%;
    background-color: #17202A;
    font-weight: bold;
    border: 0px solid greenyellow;
}

.FondoPublicidad a:link {
    color: white;
}

.FondoPublicidad a:visited {
    color: white;
}

.FondoPublicidad h3 {
    color: white;
}


.GridColumns {
    clear: both;
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    grid-gap: 5px;
    background-color: transparent;

}

.boximage {

    border-radius: 5px;
    padding: 1px;

}

.header-title {
    font-size: 18px !important;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 30px;
    margin-top: -10px;
    text-transform: uppercase;
    color: #0e4a9d;
    border: 0px solid red;
    min-height: 30px;

}

.ClaseComboDiagramas {
    width: 100%;
    height: 30px;
}

.Graficas {
    margin-left: 5px;
    padding: 5px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    width: 49%;
    float: left;
}

#Caja_Grafica_FD {
    margin-left: 5px;
    padding: 5px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    float: left;
}



label {
    height: 20px;
}


#VideodeNoticias {
    border: 1px solid #C5CCD4;
}

.CursorPointer {
    cursor: pointer;
}


.ImagenesReporte {
    width: 150px;
    height: 100px;
    cursor: pointer;
    border: 1px solid blue;
}


/* Ventanas Modales */

.VentanaModal {
    border: 1px solid #0e4a9d;
}

.VentanaModal-Modulos {
    width: 100%;
    border: 0px solid red;
    word-wrap: break-word;
    height: auto;
}


/* The Modal (background) */
.modal-n {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
}

/* Modal Content/Box */
.modal-content-n {
    background-color: #fefefe;
    margin: 50px auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid #c7c7c7;
    width: 50%;
    /* Could be more or less, depending on screen size */
    height: 80%;
    border-radius: 5px;
}

/* BOTONCITOS */

.ModuloBloqueado {
    color: white !important;
    width: auto !important;
    background-color: orangered !important;
}


.BotonesMenuIngtec:hover {
    background-color: #0277BD;
}


.panel-color:hover {
    border: 1px solid #c7c7c7;
}


.VentanaModalFade {
    margin-top: 70px !important;
}

.VentanaModal {
    margin-top: 70px;
    width: 70%;
    height: auto;
    left: 15%;
    border-radius: 5px;
    background-color: white !important;
    /*border:1px solid green;*/
}

.modalinterno {
    width: 90%;
    height: 90%;
    border: 0px solid red;
    height: auto;
}

.ClaseBuscar {
    width: 250px !important;
}




/* CSS de Tageo */


.SinMargen {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    /* border : 1px solid orchid;*/
    display: flex;
    flex-direction: column;
}

.CajaDiagrama_Completa {
    width: 100%;
    height: 100%;
    border: 0px solid red;
    /* display: flex;*/
    /*align-items: stretch;*/
    /*column-count: 2;*/
}

.CajaDiagrama_Imagen {
    width: 100%;
    height: 100%;
    border: 0px solid blue;
    float: left;
}

.CajaDiagrama_Informacion {
    display: none;
    width: 39%;
    height: 100%;
    border: 0px solid green;
    float: right;
}

.CajaMenuFlotante {
    width: 250px;
    padding: 5px;
    position: absolute;
    border: 1px solid #C5CCD4;
    border-radius: 5px;
    background-color: white;
    /* -moz-box-shadow: 0 0 5px #888;
     -webkit-box-shadow: 0 0 5px#888;
     box-shadow: 0 0 5px #888;*/
}

.CajaMenuFlotante ul {
    list-style: none;
    list-style-type: none;
    list-style-position: outside;
}

.CajaMenuFlotante li {
    line-height: 20px;
    cursor: pointer;
    font-weight: bold;
    margin-left: -15px;
}


.ContenedorResumen {
    height: 100% !important;
    width: 100% !important;
    overflow-x: auto;
}

.width60 {
    width: 60% !important;
}

.widh40 {
    width: 40% !important;
}

.panel-img {
    width: 100%;
    height: 100%;
    border: 1px solid yellow;
}

.circuloStyle {
    /*background-color: white;*/
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.menu-label {
    font-size: 16px !important;
}

.nav-tabs {
    background-color: #ecf0f5 !important;
    /* color: white !important;    */
}

.BotonesMenuIzquierdo {
    border-bottom: 1px solid #0e4a9d;
    border-radius: 2px;
}

._100Porciento {
    float: left;
    width: 100%;
    /*border : 1px solid red;*/
}

/* CSS Matriz de Riesgo */

.grid-container {
    display: grid;
    grid-template-columns: 25px auto auto auto auto auto;
    /* background-color: #2196F3;*/
    padding: 2px;
}

.grid-item {
    /*background-color: rgba(255, 255, 255, 0.8);*/
    border: 1px solid #C5CCD4;
    padding: 5px;
    font-size: 16px;
    text-align: center;
}


.CalculoSeleccionado{ 
    background-color: #DEE3E9 !important;
    color: #800040 !important;
} 


/* Fijos */

.style_height100porciento
{
    height: 100% !important;
    /* border: 1px solid red; */
}

.item_imagen_idim{
    margin: 5px;
    width: 200px;
    height: 200px;
    border: 1px solid #C5CCD4;
    border-radius: 5px;
    float: left;
    cursor: pointer;
}

.item_imagen_idim:hover{
    border: 1px solid #0e4a9d; 
} 

.item_categoria_idim{
    margin: 5px;
    width: 200px;
    height: 250px;
    border: 0px solid #C5CCD4;
    border-radius: 5px;
    float: left;
    /*cursor: pointer;*/
}

.item_categoria_imagen_idim{
    margin-top: 1px;
    width: 200px;
    height: 200px;
    border: 0px solid #C5CCD4;
    border-radius: 50%;
    cursor: pointer;
}
 
.item_categoria_texto_idim{
    float: left;
    width: 100%;
    text-align: center;
    margin: auto;
    border: 0px solid gray; 
}

.item_centrar{
    margin-top: 20%;
    margin-left: 20%;
    border: 0px solid red;
    cursor: pointer;
}


/*Otros Botontes */


.clase-button {
    border: none;
    color: white;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 1px 1px;
    cursor: pointer;
    border-radius: 5px;
    min-width: 26px;
    min-height: 30px;
    float: left;
}

.clase-button:hover {
    border: 1px solid #C5CCD4;
}

.buttonDisenio,
.buttonInspeccion {
    font-size: 12px !important;
    margin-top: 2px !important;
    min-height: 20px !important;
    /*display: inline-block;*/
    /* float: left;*/
}

.buttonDisenio:hover {
    background-color: #002b5d !important;
    border: 0px solid #C5CCD4;
}

.buttonOK {
    background-color: #4CAF50;    
    margin-right: 5px;
}

.buttonNOT {
    background-color: red;
}


.clase-button-new {
    border: 1px solid #C5CCD4 ;
    color: black;
    padding: 3px;
    padding-left: 25px;
    padding-right: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 1px 1px;
    cursor: pointer;
    border-radius: 5px;
    min-width: 26px;
    min-height: 30px;
    float: left;
}

.clase-button-new:hover {
   border: 1px solid #0e4a9d;
}


.button_DIV_Big {
    border: 1px solid #0e4a9d;    
    height: 100px;
    /*color: white;*/    
    padding: 30px 20px 20px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
 
    cursor: default ;
    border-radius: 5px;
    width: auto;
    
    font-size: 18px; 
    vertical-align: bottom;
    margin-top: 20px;
    margin-left: 20px;
}

.button_DIV_Big:hover {
    /*border: 1px solid #008040; */
    background-color: #1e78ce;
    color: white;
}

.button_DIV_Big p{
    margin: auto !important;
}

.class-space{
   /* padding-left: 30px;
    border: 1px solid blue;*/
}

.texto_rojo{
    color: red;
    font-weight: bold;     
}

.texto_amarillo{
    color: yellow;
    font-weight: bold;     
}

#ZonaCritica{
    margin-left: 5px;
    float: left;
    width: auto;
    background-color: red;
    color: white;
    cursor: pointer;
}

#ZonaAlerta{
    margin-left: 5px;
    float: left;
    width: auto;
    background-color: yellow;
    color: black;
    cursor: pointer;
}