/*
 * Copyright (c) 2016. Addax Software Development, S.A.
 */

#myTab > li {
    padding-right: 0;
    padding-left: 0;
}

.nav-tabs {
    border-style: none;
}

.nav-tabs .nav-link{
    background-color: #E6E6E6;
    color: #B1B1B1;
    font-family:'Open Sans Condensed', sans-serif;
    font-weight: 600;
}
.nav-tabs .nav-link:hover{
    background-color: #EEE;
    border: solid 1px #EEE;
}

.nav-tabs .nav-link.active{
    background-color: #F8F8F8;
    color: #304f78;
    border: solid 1px #F8F8F8;
}

.tab-content{
    background-color: #F8F8F8;
    padding-top: 1rem;
}

.form-seccion{
    padding-left: 15px;
    padding-right: 15px;
}

.form-control{
    height: auto;
}

.texto-capas{
    border-bottom: 1px solid #ced4da;
    padding-bottom: 0.25rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
}

/*MODALS*/
.modal-content{
    border-radius: 0;
}

.modal-header{
    background-color: #1F6AB7;
    border-radius: 0;
    color:  #fff;
    padding: 10px;
}

.modal-header .close{
    font-weight: 300;
    text-shadow: none;
    color: #fff;
    opacity: 100;
    font-size: 1rem;
    margin-top: -1.25rem;
}

.modal-header svg{
    margin-right: 12px;
    margin-top: 7px;
}

.modal-title{
    font-size: 1.2rem;
    font-weight: 600;
}

div#holder-fullmetadatos-capa{
    top: 50%;
    left: 20%;
    /*transform: translateY(-50%) translateX(-50%);*/
    width: 60%;
    display: block;
    background-color: #11476a;
    color: #c7e4ea;
}

.pagina-inicio-snit div#holder-fullmetadatos-capa{
    width: 100%;
    top: 100px;
    left: 10%;
    transform: none;
    margin-top: 2%;
    line-height: 30px;
}
@media (max-width: 991px) {
    .cuerpo-explorador-capas div#holder-fullmetadatos-capa, .pagina-inicio-snit div#holder-fullmetadatos-capa{
        /*right: 375px;*/
        top: 60px;
        width: 90%;
        position: fixed;
    }
}
.cuerpo-explorador-capas #holder-fullmetadatos-capa div.controles-titulo, .pagina-inicio-snit #holder-fullmetadatos-capa div.controles-titulo {
    background-color: #1b637f;
    color: #9ab8c1;
    text-transform: uppercase;
    height: 46px;
    position: relative;
    margin-top: 2%;
    margin-bottom: 1%;
}
.cuerpo-explorador-capas #holder-fullmetadatos-capa .icono-capas, .pagina-inicio-snit #holder-fullmetadatos-capa .icono-capas {
    margin-left: 15px;
    line-height: 46px;
}
.cuerpo-explorador-capas #holder-fullmetadatos-capa .texto-capas, .pagina-inicio-snit #holder-fullmetadatos-capa .texto-capas {
    margin-left: 10px;
    line-height: 46px;
}
.cuerpo-explorador-capas #holder-fullmetadatos-capa #exitMetadatosCapa, .pagina-inicio-snit #holder-fullmetadatos-capa #exitMetadatosCapa{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.cuerpo-explorador-capas div#holder-fullmetadatos-capa .controles-contenido-metadatos-capa, .pagina-inicio-snit div#holder-fullmetadatos-capa .controles-contenido-metadatos-capa{
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 15px;
}
.cuerpo-explorador-capas div#holder-fullmetadatos-capa .metadato-capa, .pagina-inicio-snit div#holder-fullmetadatos-capa .metadato-capa{
    background-color: #115272;
    margin-bottom: 6px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.cuerpo-explorador-capas div#holder-fullmetadatos-capa .nombre-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .nombre-metadato{
    font-weight: 700;
    margin-right: 1%;
    color: #6fbc8a;
}
.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-fecha, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-fecha{
    position: relative;
}
.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-fecha #fecha-capa, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-fecha #fecha-capa{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
    margin-left: 20px;
}
.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-fecha #tipo-fecha-capa, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-fecha #tipo-fecha-capa{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
    margin-right: 20px;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #telefono-responsable, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #telefono-responsable{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #fax-responsable, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #fax-responsable{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #pais-responsable, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #pais-responsable{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #provincia-responsable, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #provincia-responsable{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #ciudad-responsable, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #ciudad-responsable{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #codigo-postal-responsable, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #codigo-postal-responsable{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #representacion-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #representacion-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #escala-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #escala-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #este-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #este-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #norte-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #norte-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #oeste-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #oeste-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #sur-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #sur-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #telefono-responsable-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #telefono-responsable-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #fax-responsable-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #fax-responsable-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #pais-responsable-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #pais-responsable-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #provincia-responsable-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #provincia-responsable-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #ciudad-responsable-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #ciudad-responsable-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #codigo-postal-responsable-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #codigo-postal-responsable-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion-metadato #fecha-identificacion-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion-metadato #fecha-identificacion-metadato{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion-metadato #tipo-fecha-identificacion-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion-metadato #tipo-fecha-identificacion-metadato{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #telefono-responsable-identificacion-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #telefono-responsable-identificacion-metadato{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #fax-responsable-identificacion-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-telefono #fax-responsable-identificacion-metadato{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #pais-responsable-identificacion-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #pais-responsable-identificacion-metadato{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #provincia-responsable-identificacion-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #provincia-responsable-identificacion-metadato{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #ciudad-responsable-identificacion-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #ciudad-responsable-identificacion-metadato{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #codigo-postal-responsable-identificacion-metadato, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-ubicacion #codigo-postal-responsable-identificacion-metadato{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

@media (max-width: 991px) and (orientation:portrait) {
    .cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-fecha, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-fecha{
        position: static;
    }
    .cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-fecha #fecha-capa, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-fecha #fecha-capa{
        position: static;
        width: 100%;
        left: 0px;
        border-right: none;
    }
    .cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-fecha #tipo-fecha-capa, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-fecha #tipo-fecha-capa{
        position: static;
        width: 100%;
        right: 0px;
        border-left: none;
    }
}

div#tabs{
    padding-top:1%;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th
{
    padding: 2px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
    border: none !important;
}

.nav > li > a:focus, .nav > li > a:hover
{
    background-color: #1B637F;
}



.palabras-clave-header
{
    margin-bottom: 1%;
}

.palabras-clave-header .label
{
    font-size: 15px;
    color:#63BC8A;
}




/** estándar viejo **/

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #representacion-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #representacion-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #escala-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #escala-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #este-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #este-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #norte-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #norte-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #oeste-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #oeste-identificacion{
    position: absolute;
    width: 50%;
    left: 0px;
    border-right: solid 4px #11476a;
}

.cuerpo-explorador-capas div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #sur-identificacion, .pagina-inicio-snit div#holder-fullmetadatos-capa .contenedor-metadatos-identificacion #sur-identificacion{
    position: absolute;
    width: 50%;
    right: 0px;
    border-left: solid 2px #11476a;
}

#form-body label
{
    color: #63BC8A;
}

#btn-agregar-seccion-distribucion
{
    margin-left: 20px;
}

.btn-eliminar-seccion-distribucion
{
    margin-left: 20px;
}

#add-keyword-btn
{
    width: 4%;
    margin-left: 3%;
}

.btn_eliminar_seccion_palabras_claves
{
    width: 4%;
}

.btn-download-archivo-resumen-grafico
{
    width: 14%;
    background: #46B88A;
    color: white;
}

#xml-btn-metadata
{
    color: white;
    background: #04B404;
}

#docx-btn-metadata{
  color: white;
  background: #17a2b8;
}

#pdf-btn-metadata
{
    color: white;
    background: #3D80B7;
}

.imagen_resumen_grafico
{
    max-width: 90%;
}

.img-ayuda{
    color: #495057;
}

.img-ayuda:hover{
    color: #2d6796;
}


#contenido ul{
    background-color:#E6E6E6;
    border-radius: 3px 3px 0 0;
}


/* .input-group.mb-3 > * {
    padding: 10px;
    flex: 1 100%;
} */
@media all and (min-width: 100px) {
    #extent-este {flex: 1 0 0;}
    #extent-oeste { flex: 1 0 0; }
}

@media all and (min-width: 100px) {
    .resumen-grafico-extent-img-main    { flex: 3 0px !important; }
    #extent-este {order: 1;}
    .resumen-grafico-extent-img-main    { order: 2; }
    #extent-oeste { order: 3; }
    #extent-sur  { order: 4; }
}
.input-group.mb-3{
    display: flex;
    flex-flow: row wrap;
    font-weight: bold;
    text-align: center;
    align-items: normal;
}

#resumen-grafico-nombre-archivo-0{
    word-break: break-all;
}

.full-break{
  word-break: break-all;
}