@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/*@import url("OpenSans.css");               
@import url("Montserrat.css"); 
*/

* {
    font-family: 'Roboto', sans-serif;
}

@font-face {
  font-family : 'FontAwesome';
  src         : url('fonts/font-awesome-4.0.3/fonts/fontawesome-webfont.eot?32940503');
  src         : url('fonts/font-awesome-4.0.3/fonts/fontawesome-webfont.eot?32940503#iefix')
        format('embedded-opentype'), url('fonts/font-awesome-4.0.3/fonts/fontawesome-webfont.woff?32940503')
        format('woff'), url('fonts/font-awesome-4.0.3/fonts/fontawesome-webfont.ttf?32940503') format('truetype'),
        url('fonts/font-awesome-4.0.3/fonts/fontawesome-webfont.svg?32940503#FontAwesome') format('svg');
  font-weight : normal;
  font-style  : normal;
}

.barraverde {
	background-color: #FFF;
	margin: 1px 0;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}
.menu_negro {
		 background-color: #fff;
		 border-top: #ccc 1px solid !important;
		 border-bottom: #ccc 1px solid !important;
		 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

.titulo_header {
	/*font-family:"Montserrat", Arial, sans-serif;*/
	color: #000;
	letter-spacing:-1;
	font-size: 30px;
	line-height: 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:bold;
}
.titulo_header_guion {
	/*font-family:"Montserrat", Arial, sans-serif;*/
	color: #000;
	letter-spacing:-1;
	font-size: 30px;
	line-height: 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:bold;
}
.boton_cabecera {
	/*font-family:"Montserrat", Arial, sans-serif;*/
	line-height:20px;
	box-sizing:border-box;
	outline-offset:-2px;
	}
.seccion {
	border-radius: 4px;
	font-size: 14px;
	color: #000;
	padding:1px 0!important;
	text-align:center;
}


/* Pseudo-elemento para el círculo */
.seccion::before {
    content: ''; /* El pseudo-elemento no tendrá contenido textual */
    height: 30px;
    width: 30px;
    background-color: #1374b4;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0px; /* Ajusta según tu diseño para la posición */
    top: 30%;
    transform: translateY(-50%); /* Centra verticalmente el círculo */
    
    /* Opcional: Estilo del texto dentro del círculo */
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    line-height: 0;
    padding: 0;
    letter-spacing: 0;
}
.barra_arbol {
	background-color:#0b7293;
}


.fondo_arbol     {
	
    background: linear-gradient(to bottom, #156b82, #369661) !important;
	}

.ic-nueva {
	background-image: url(ic-nueva.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	font-size: 22px;
	color: rgba(102, 128, 51, 0);
	margin: 5px;
}
.ic-nueva:hover {
	background-image: url(ic-nueva.png);
	background-color: #ccc;
	background-repeat: no-repeat;
	font-size: 22px;
	color: rgba(102, 128, 51, 0);
}
.pie {
	background-color: #252120;
	margin: 1px 0;
	
}
.pietexto {
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #FFF;
}
h1 {
	margin: 15px 30px;
	color: #FFF;
	font-size: 18px;
}
.pie-about {
	color: #777;
	font-size: 12px;
	padding-left: 30px;
	line-height: 24px;
}
.escritorio {
	/*background: url(/eArciba/resources/images/pat/pat5.png) repeat;
	background: #e0e0e0;  
background: -moz-linear-gradient(top,  #e0e0e0 1%, #ffffff 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e0e0e0), color-stop(100%,#ffffff)); 
background: -webkit-linear-gradient(top,  #e0e0e0 1%,#ffffff 100%); 
background: -o-linear-gradient(top,  #e0e0e0 1%,#ffffff 100%); 
background: -ms-linear-gradient(top,  #e0e0e0 1%,#ffffff 100%); 
background: linear-gradient(to bottom,  #e0e0e0 1%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 );  */
}
#fieldcontainer-1011{
background-color: #fff;
}
.grillas {
	border: #999999 solid 1px;
}
.borde_formulario{
	border: 1px solid #999999;
	
}

.abiertagrid{
	background:url(/eArciba/resources/arbol/ic-abierta.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: 16px!important;
}
.generando{
	background:url(/eArciba/resources/arbol/ic-generando.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.pendientegrid{
	background:url(/eArciba/resources/arbol/ic-pendiente.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.DDJJOkgrid{
	background:url(/eArciba/resources/arbol/ic-presentada.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.rechazadagrid{
	background:url(/eArciba/resources/arbol/ic-rechazada.png);
	  background-size: 16px !important;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.estadook{
	background:url(/eArciba/resources/arbol/ic-docOk.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.excel{
	background-image:url(/eArciba/resources/ic-excel.png)!important
}
.x-grid-row-collapsed:nth-child(odd) 	{ background-color: #fff  ; }
.x-grid-row-collapsed:nth-child(even)  { background-color: #e6e6e6; }
 
div[id*='progressbar-'][class*="x-progress-bar-default"]{
	background-color:#99c25f!important;
}
.botonAdjuntar {	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	background-image: none;
	background-color: #99c25f;
}
.botonAdjuntar:hover {	
	padding: 3px;
	background-image: none;
	background-color: #99c25f;
}
.botonAdjuntar:hover .x-btn-inner{
	color:#666;
}
.botonAdjuntar .x-btn-inner{
	color:#FFF;
}
.x-mask {
    background: none repeat scroll 0 0 #000;
    opacity: 0.2 !important;
}

.barra_arbol .x-btn .x-btn-wrap .x-btn-button .x-btn-icon-el {
    
    background-size: 16px;
}
.x-menu .x-menu-body .x-menu-item .x-menu-item-link .x-menu-item-icon {
     background-size: 16px;
}
.x-toolbar-docked-right .x-box-inner .x-box-target  .x-btn .x-btn-wrap .x-btn-button .x-btn-icon-el {
    	background-size: 23px;
}
.x-grid-row-selected .x-grid-cell {
    background-color: rgba(255, 255, 255, 0.2) !important;
}