/**--------------------------------------------------
     Sólo para uso con el estilo siab */
    body {
        background-color: white;
        margin:0;
    }
    /**Contenido de paneles con barras de desplazamiento
    */
    .ui-scrollpanel-content {
        width: 100%;
    }
    /**
    * resaltado para filas de tablas
    */
    div.ui-datatable-tablewrapper>table[role="grid"]>tbody>tr:hover {
            border: 2px solid #070d57;
            border-top: 2px solid #070d57 !important;
            text-color: #070d57;
            font-weight: bold;
    }

    div#content {
            margin-left: 178px !important;
    }
    
    div#content.public {
    		margin-left: 0 !important;
    }

    div#header,div#footer>* {
            width: 100%;
            font-family: Montserrat-regular;
    }

    div#header>table:first-of-type {
            width: 100%;
            border: none;
            margin: 10px auto;
    }

    div#header>table:first-of-type td {
            border: none !important;
            vertical-align: middle;
            margin-left: 20px;
            margin-right: 20px;
    }
    div#header>table tr>td:nth-of-type(1) {
            text-align: left;
    }
    div#header>table tr>td:nth-of-type(1)>img {
            margin-left: 5%;
    }
    div#header>table tr>td:nth-of-type(2) {
            text-align: right;
    }
    div#header>table tr>td:nth-of-type(2)>img {
            margin-right: 5%;
    }
    div#header>* {
            width: 100%;
    }

    p {
      white-space: pre;
    }
    
    .ui-growl-message p {
      white-space: normal;
    }

    textarea {
            width: 100%;
    }
    .ui-menu:not(.ui-breadcrumb):not(#form\:mainMenu){
        width:14.75em !important;
    }
    #form\:mainMenuSl .ui-icon{
        position: relative;
    }
    .ui-menu .ui-icon{
        margin-right: 1px !important;
    }
    .ui-icon-edit {
            background-image: url(../resources/images/icon/editar_ok.png) !important;
            height: 32px;
            width: 32px;
            background-position: 0 0;
    }

    .ui-selectonemenu-label {
            width: 70% !important;
    }

    .ui-selectonemenu-labelDialog {
            width: 95% !important;
    }
    .ui-button-text-icon-left .ui-button-text {
            padding: .4em 1em .4em 3em;
    }

    .ui-widget {
            font-size: 12px !important;
    }

    .ui-selectoneradio {
            width: 300px;
    }

    .ui-selectmanycheckbox {
            width: 450px;
    } 
    .ui-widget .ui-widget {
            font-size: 12px !important;
    }

    .ui-messages-info,.ui-message-info {
            color: #D8000C;
            background-color: #fff !important;
    }

    .ui-margen {
            margin: -5px;
    }

    #page {
            width: 100%;
            margin: 0px;
            border: 0px;
            padding: 0px;
            border-spacing: 0px;
    }

    #header {
            width: 100%;
            height: 100%;
            /* 	border: 1px solid #000; */
            margin-bottom: 16px;
    }

    #menu {
            display: inline;
            text-align: center;
            float: left;;
            width: 200px;
            height: 500px;
            margin-right: 16px;
            margin-bottom: 16px;
            /* 	border: 1px solid #000; */
    }
    /**Importante para arreglar los vínculos de menú.*/
    span.ui-menuitem-text{
            /*margin-left:13px;*/
    }

    #content {
            min-height: 550px;
    }

    #footer {
            margin: auto;
            min-height: 180px;
            background-color: #189dd7;
            color:white;
            margin-bottom: 0;
    }

    .titulo {
            display: block;
        font-size: 1.17em;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
    }

    .label {
            font-family: verdana, sans-serif;
            color: #4580FF;
            font-size: 12px;
    }

    .panelGrid {
            width: 100%;
    }

    .dateTable {
            width: 100%;
    }

    .form {
            width: 80%;
            float: left;
    }

    .texto {
            font-family: verdana, sans-serif;
            color: #454545;
            font-size: 12px;
    }

    table {
            width: 100%;
    }

    table.tablecentered1 {
            position: relative;
            width: 80%;
            margin: 0 auto;
            color: #C38D4B;
            border: 1px solid;
    }

    .centered {
            position: relative;
            width: 400px;
            margin: 0 auto;
            padding: 10% 0;

    }

    .scrollpaneltabla {
            height: 300px; 
            position: relative; 
            overflow: auto; 
            overflow-y: scroll; 
            overflow-x: hidden;
    }

    .centered1 {
            position: relative;
            width: 200px;
            margin: 0 auto;
            padding: 10% 0;
        border: 0;
    }

    .centered2 {
            position: relative;
            width: 800px;
            height: 520px;
            margin: 0 auto;
            padding: 10%;
    }

    .centered3 {
            position: relative;
            width: 900px;
            height: 620px;
            margin: 0 auto;
            padding: 10%;
    }

    .sinBordesGrid {
       border: 0;
            padding: 0;

    }

    .centrado {
            /**Opciones para texto*/
            text-align: center !important;
            /**Opciones para controles*/
            margin-left: auto !important;
            margin-right: auto !important;
            display: block !important;
    }

    .derecha {
            /**Opciones para texto*/
            text-align: right !important;
            /**Opciones para controles*/
            margin-right: 0px !important;
            margin-left: auto !important;
            display: grid !important;
    }
    .table-cell {
            display: table-cell !important;
    }

    .preformateado {
            white-space: pre-wrap;
    }

    .sinBorde {
            border: 0;
            padding: 0;
            margin-left: -13px;
    }

    .ui-selectonemenus {
            width: 50% !important;
    }

    .rightText {
            text-align: right;
    }

    table.centered1col {
            width: 100%;
    }

    table.centered1col>tbody>tr>td {
            text-align: centered;
    }
    /**
    * Estilo centrado para tablas centradas /2 columnas.
    */
    table.centered2cols {
            width: 100%;
    }

    td.centered2cols,td.centered1col {
            text-align: center;
    }

    table.centered2cols>tbody>tr>td:first-of-type {
            text-align: right;
            margin-right: 10px;
            width: 50%;
    }

    table.centered2cols>tbody>tr>td:last-of-type {
            text-align: left;
            margin-left: 10px;
            width: 50%;
    }
    /**
    * Estilo centrado para tablas centradas/3 columnas.
    */
    table.centered3cols {
            width: 100%;
    }

    table.centered3cols>tbody>tr>td:first-of-type {
            text-align: right;
            margin-right: 10px;
            width: 33%;
    }

    table.centered3cols>tbody>tr>td:nth-of-type(2) {
            text-align: center;
            width: 34%;
    }

    table.centered3cols>tbody>tr>td:last-of-type {
            text-align: left;
            margin-left: 10px;
            width: 33%;
    }

    .bold {
            font-weight: bold;
    }

    .compositeNode {
            background-image: url('/elcofre/javax.faces.resource/images/plus.jpeg.xhtml');
            background-size: 13px;
            padding-left: 13px;
            background-repeat: no-repeat;
    }

    .noCompositeNode {
        padding-left: 13px;
    }
    .compositeNodeUnidad {
            background-image: url('/elcofre/javax.faces.resource/images/abajo.jpg.xhtml');
            background-size: 12px;
            padding-left: 12px;
            background-repeat-x: no-repeat;
    }

    .yellowNode {
            background-color: yellow;
    }

    table.pageFooter {
            border-top: transparent 37px solid;
    }

    table.pageFooter>tbody>tr>td {
            text-align: right;
            border-right: transparent 60px solid;
            border-left: transparent 60px solid;
    }

    table.pageFooter>tbody>tr>td>* {
            font-size: 10px;
    }

    .footerText {
            font-size: 11px;
    }

    .footerTextSmall {
            font-size: 9px;
    }
    /**
    Estilo para campos de una norma de clasificación Documental.
    */
    table.normaCampo>tbody>tr>td>table:not(last-child) {
            border-bottom: 2px dotted #070d57 !important;
    }

    table.normaNivel,table.normaCampo {
            margin-left: 0px;
            width: 100%;
            border: 1px solid #070d57;
    }

    table.normaCampo,table.normaNivel>tbody>tr>td>div>div>table.normaNivel {
            margin-left: 3%;
            width: 96%;
    }

    .ui-widget-content1 {
            width:60px;
    }

    .ui-widget1 {
            width:60px;
    }

    .panelCampo, .panelCampo>div {
            border: 1px !important;
            padding: 0px !important;
    }

    /**
    * Estilo para mostrar una norma de descripción. 
    */
    .norma H1,.norma H2,.norma H3,H1,H2,H3,H4 {
	font-family: Montserrat-bold;
    }

    .norma H1 {
    font-size: 17px;
    }

    .norma H2 {
    font-size: 14px;
    }

    .norma H3 {
            font-size: 12px;
    }

    .norma span, .norma div.field {
            border: 1px solid #ED5D14;
            padding: 6px;
            margin-left: 10px;
            display: block;
    }

    .norma div.field{
            display: block;
    }

    .norma div.values:nth-child(even){
            background-color:#ebebdf;
    }

    .norma div.values:not(:last-of-type){
            border-bottom: 1px solid #ED5D14;
    }

    .norma div.value{
            display: inline-block ;
            padding-top:5px ;
            padding-bottom:5px ;
            padding-left:10px;
            padding-right:10px;
            width:99%;
            font-size:11px;
            font-weight:bold;
    }

    span.opcionLista {
            display: block;
    }

    .panelNivel td {
            border-left: 1px !important;
            border-right: 1px !important;
            padding-top: 15px !important;
            padding-left: 15px !important;
            vertical-align: top;
    }

    .panelNivel>tbody>tr>td>div>div {
            width: 100%;
            border: 1px !important;
    }

    .panelNivel>tbody>tr>td>div>div>div {
            width: 100%;
            display: inline-block;
            padding: 1px !important;
    }

    .panelNivel>tbody>tr>td>div>span,.panelNivel>tbody>tr>td>div>div>div>input,.panelNivel>tbody>tr>td>div>div>div>a,.panelNivel>tbody>tr>td>div>div>div>span,.panelNivel>tbody>tr>td>div>div>div>div {
            float: left;
    }

    .panelNivel tbody>tr>td>div>div>div>div>div>input {
            margin: 2px !important;
    }

    .panelNivel tbody>tr>td>div>div>div>div {
            border: 1px !important;
    }

    .iframeReport {
            width: 100%;
            min-height: 500px;
    }
    /**
    Estilos para presentación de encuestas
    */
    div.encuesta > label{
            display:block;
    }
    div.encuesta > label:first-of-type{
            text-transform: uppercase;
            text-align: center;
            color: #070D57;
            font-size: 14px !important;
            margin-top: 10px;
            margin-bottom: 10px !important;
            font-weight: bold;
    }
    div.encuesta > label:not(:first-of-type){
            text-align:justify;
            margin-bottom: 6px;
    }
    div.encuesta > label.nombre{
            text-transform: uppercase;
            margin-left:5px;
            color: #070D57;
            font-weight: bold;
    }

    .topCols {
            vertical-align: top;
    }

    .pnlDetalleNormaUnidad {
            width: 100%;
            table-layout: fixed;
    }

    .busquedaDet {
            height: 500px; 
            position: relative; 
            overflow: auto; 
            overflow-y: scroll; 
            overflow-x: hidden;
    }

    .busquedaDet >table{
            height: 500px;
    }

    .noBorderCol {
            border: 1px solid #FFF !important;
            padding: 1px !important;
    }
    
    .noBorderGrid > tbody > tr {
    	border: none;
    }

    .clasifBlock {
            margin-top: 7px;
            margin-left: 35px;
            margin-bottom: 7px;
    }

    .ambitoConsulta >div {
            border: 1px solid #FFF !important;
            padding: 1px !important;
    }

    .ambitoConsulta >div>dl {
            margin:1px;
    }

    .panelReducidoCentrado {
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
    }

    .panelReducidoCentrado2{
            width: 70%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
    }

    /**
    Estilos para presentación de encuestas
    */
    div.encuesta > label{
            display:block;
    }
    div.encuesta > label:first-of-type{
            text-transform: uppercase;
            text-align: center;
            color: #070D57;
            font-size: 14px !important;
            margin-top: 10px;
            margin-bottom: 10px !important;
            font-weight: bold;
    }
    div.encuesta > label:not(:first-of-type){
            text-align:justify;
            margin-bottom: 6px;
    }
    div.encuesta > label.nombre{
            text-transform: uppercase;
            margin-left:5px;
            color: #070D57;
            font-weight: bold;
    }

    input.lower { text-transform: lowercase; }
    input.upper { text-transform: uppercase; }

    .pnlFechasConsultaSimple{
            border: 1px solid #FFF;
    }

    .pnlFechasConsultaSimple div>div, .pnlFechasConsultaSimple div>div>input {
            float:left;
            border: 1px solid #FFF;
    }

    .pnlFechaBusq, .pnlFechaBusq>div  {
            padding-left:2px !important;
            padding-top:0px !important;

    }

    .buscador {
            position: relative; 
            left: 40px; 
            width: 50%;
    }

    .ui-wizard-step-title {
            font-size: 12px !important;
            margin: 0 3px 0 0 !important;
            padding: 0.5em;
            float: left;
    }

    .ui-wizard-navbar {
            text-align: right;
            padding: 6px;
            background-color: #d7d7cd;
    }

    .listFondos >div {
            border: 1px solid #FFF !important;
    }

    div#formSolPres\:pnlCuadroClasificacion {
            margin-top: -120px;
    }
    /* Estilos para árboles de depósitos y muebles*/
    .depositoDisponible,.muebleDisponible{
            color:green;
    }
    .depositoCritico,.muebleCritico{
            color:orange;
    }
    .depositoLleno,.muebleLleno{
            color:red;
    }
    #newReportForm\:panelInputTablasReporte tr > td:first-of-type {
            width: 30%;
    }

    #f_DetalleTRDTVD\:ArbolTRD div#f_DetalleTRDTVD\:treeUnidades{
            width:100%;
    }
    #f_DetalleTRDTVD\:ArbolTRD div#f_DetalleTRDTVD\:treeUnidades2{
            width:100%;
    }

    .htmlIndices span {
            font-size: 12px !important;
    }

    .htmlIndices p {
            margin: 2px !important;
    }

    .htmlIndices>div>table>tbody>tr>td:first-of-type, .htmlIndices>div>table>tbody>tr>td:last-of-type {
            visibility: hidden;
            padding:0px;
    }

    .htmlIndices>div>table>tbody>tr>td>table>tbody>tr:first-of-type {
            visibility: hidden;
    }

    div.htmlIndices>div>table table>tbody>tr>td>p {
            max-width:500px;
            word-wrap:break-word;
    }

    /**Para tesauros*/
    div#frmConsultaTesauro\:convenciones{
            margin-top: 10px;
            border: 1px solid #ED5D14;
            padding: 6px;
    }
    div#frmConsultaTesauro\:convenciones>label:first-of-type{
            font-weight:bold; 
            margin-top:6px;
            margin-bottom:6px;
            display:block;
            font-size: 20px !important;
    }
    div#frmConsultaTesauro\:convenciones>label:not(first-of-type){
            padding-left:20px;
    }
    /**Para autoridades Documentales*/
    div.autoridad,div.articulo{
            border: 1px solid #d59b7e;
    }
    div.autoridad>table{
            width: 100%;
            margin-top: 10px;
    }
    div.autoridad>table th{
            background: #d7d8cd url("") 50% 50% repeat-x;
            font-weight: bold;
            font-color:black;
            border: 1px solid #d59b7e;
            padding-bottom: 10px;
    }
    div.autoridad>table tr:nth-child(1)>td{
            padding-top: 20px;
    }
    div.autoridad>table td{
            width: 50%;
    }
    div.autoridad>table td:nth-child(1){
            text-align: right;
            padding-right: 5px;
    }
    div.autoridad>table td:nth-child(2){
            text-align: left;
            padding-left: 5px;
    }
    .autoridadValue{
            cursor:pointer;
    }
    .informeEstadoConfig table>tbody>tr>td {
            border-style: none;
    }

    table.opcionesInformeEstado tbody>tr {
            border:0px;
    }

    #formGrafico:plIngresoAct table.jqplot-table-legend{
            left:0px;
            bottom: -70px;
            width:377px;
    }

    .listTerminos >div {
            border: 1px solid #FFF !important;
            width: 235px;
    }

    .listTerminos >div>ul {
            padding-left: 10px;
    }
    /**
    Estilo para artículos
    */
    #frmArticulo{
            background-color: white;
    }
    div.articulo>.titulo{
            background: #d7d8cd url("/siab-web/javax.faces.resource/images/ui-bg_flat_100_d7d8cd_40x100.png.xhtml?ln=primefaces-siab") 50% 50% repeat-x;
            font-weight: bold;
            font-color:black;
            border: 1px solid #d59b7e;
            padding-bottom: 10px;
            display: block;
        font-size: 1.17em;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }
    div.articulo>.valorCampo{
            display:block;
    }
    div.articulo>.valorCampo>label{
            font-weight: bold;
            display:inline !important;
            width:50%;
    }
    div.articulo>.valorCampo>.value>.label,div.articulo>.valorCampo>.value>.entry{
            display:inline !important;
            width: 50%;
            margin-top:3px;
            margin-bottom:3px;
    }
    div.articulo>.valorCampo>.value>.label{
            margin-right:5px;
    }
    div.articulo>.valorCampo>.value>.entry{
            margin-left:5px;
    }
    
    
    #form\:mainMenuSl{
        float:left;
        height: 515px;
		margin-top: 5px;
    }
    #form\:mainMenuSl .ui-slidemenu-wrapper {
    	height: 515px !important;
    }
    #form\:mainMenuSl .ui-slidemenu-wrapper .ui-slidemenu-content {
    	height: 487px !important;
    }
    #content > *:not(#form\:mainMenuSl):not(#form\:mainMenu){
        width: -webkit-calc(100% - 35px);
        width:    -moz-calc(100% - 35px);
        width:         calc(100% - 35px);
        display: inline-block;
        margin-left: 5px;
    }
    
    @media (max-width: 975px) {
	    div#content {
	    	margin-left: 0 !important;
	    }
    	
	    #form\:mainMenuSl{
	        float: none;
	        width: 100% !important;
	        height: 200px;
			margin-top: 5px;
	    }
	    #form\:mainMenuSl .ui-slidemenu-wrapper {
	    	height: 200px !important;
	    }
	    #form\:mainMenuSl .ui-slidemenu-wrapper .ui-slidemenu-content {
	    	height: 172px !important;
	    }
	    #content > *:not(#form\:mainMenuSl):not(#form\:mainMenu) {
	        display:inline-block;
	        margin-left: 5px;
        }
    }
    
    
    @font-face{
        font-family: Montserrat-regular;
        src: url("/elcofre/javax.faces.resource/fonts/Montserrat-Regular.ttf.xhtml");
    }
    @font-face{
        font-family: Montserrat-bold;
        src: url("/elcofre/javax.faces.resource/fonts/Montserrat-Bold.ttf.xhtml");
    }
    
    .width-by-content {
        width: min-content;
        min-width: 100%;
    }
    
    .siab-tab-view .ui-tabs-nav {
        height: min-content !important;
    }
    
    .padd-left-20 {
        padding-left: 20px;
    }

    .padd-left-30 {
        padding-left: 30px;
    }

    .padd-bottom-20 {
        padding-bottom: 20px;
    }

    .padd-bottom-30 {
        padding-bottom: 30px;
    }

    .padd-right-12 {
        padding-right: 12px;
    }
    
    .simple-section-title {
    	border-bottom: 1px solid #189dd7;
    	margin-bottom: 1em;
    	font-size: 1.25em !important;
    }
    
    .simple-section {
    	margin-top: 1em;
    }
    
    .simple-section-md {
    	margin-top: 2em;
    }
    
    .simple-section-lg {
    	margin-top: 3em;
    }
    
    .buttons-container button {
    	margin: 5px 0 0 5px;
    }
    
    .imp-progress-container {
    	display: inline-block;
    	width: calc(100% - 300px);
    	border: none !important;
    }
    
    .imp-progress-container > div {
    	width: 84%;
    	margin: 0 10px;
    }
    
    .better-pick-list > tbody > tr > td:first-child, .better-pick-list > tbody > tr > td:last-child {
    	width: 48%;
    }
    
    .better-pick-list .ui-picklist-list {
    	width: unset !important;
    }
    
    .blue-button {
    	background-color: rgb(24, 157, 215);
    	color: white;
    	border-color: rgb(158, 61, 12);
    }
    
    .blue-button:hover {
    	background-color: rgb(235, 235, 223);
    	color: rgb(158, 61, 12);
    	border-color: rgb(24, 157, 215);
    }
    
    .container-campo-descripcion {
    	width: 85%;
    }
    
    .container-campo-descripcion .val {
    	width: 100% !important;
    }
    
    #form\:mainMenuSl .ui-menuitem-link {
    	width: 100% !important;
    }
    
    .ui-selectonemenu .ui-selectonemenu-trigger {
    	width: 23px !important;
    }