@charset "UTF-8";


@font-face {
  font-family: Inter;
   font-style:  normal;
  font-weight: 100;
  font-display: swap;
  src: url("../../resources/font/inter/Inter-Regular.woff2") format("woff2"),
       url("../../resources/font/inter/Inter-Regular.woff") format("woff");
}

@font-face {
  font-family: InterBold;
  font-style:  bold;
  font-weight: 100;
  font-display: swap;
  src: url("../../resources/font/inter/Inter-Bold.woff2") format("woff2"),
       url("../../resources/font/inter/Inter-Bold.woff") format("woff");
}

@font-face {
  font-family: Roboto-Bold;
  font-style:  bold;
  font-weight: 100;
  font-display: swap;
  src: url("../../resources/font/roboto-bold/Roboto Bold.woff2") format("woff2"),
       url("../../resources/font/roboto-bold/Roboto Bold.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-style:  bold;
  font-weight: 100;
  font-display: swap;
  src: url("../../resources/font/roboto-bold/Roboto.woff2") format("woff2"),
       url("../../resources/font/roboto-bold/Roboto.woff") format("woff");
}

@media screen and (max-width: 325px){
	.pnl-captcha{
		padding: 0 !important;
	}
}

@media screen and (min-width: 330px) and (max-width: 425px){
	.pnl-captcha{
		padding: 0 0 0 3% !important;
	}
}

@media screen and (max-width: 425px) {
	#divCentrado {
	    max-width:100% !important;
	    padding: 6px !important;
	}
	.div-titulo-registro{
		padding: 0px 1% !important;
	}
	.ui-panel-detalle {
	    padding-right: 0 !important;
	    padding-left: 0 !important;
	}
	.titulo-font-size{
		font-size: 1.6rem !important;
	}
	.inpunt-font-size{
		font-size: 1rem !important;	
	}
	.label-font-size{
		font-size: 1rem !important;	
	}
	.label-subtitulo-font-size{
		font-size: 1.2rem !important;	
	}
	.label-subtitulo-dos-font-size{
		font-size: 1.4rem !important;	
	}
	.button-font-size{
		font-size: 1rem !important;
	}
	.folio-font-size{
		font-size: 1.4rem !important;
	}
	.opnl-folio{
		width: 90% !important;
	}
	.opnl-folio-dos{
		width: 90% !important;
		padding: 5px 0 !important;
	}	
	.font-titulo{
		font-size: 1.97rem !important
	}	    
	.boton-login {
    width: 100% !important;
    height: 100px !important;
    border-radius: 5px;
    color: #fff !important;
    background-color: #218838 !important;
	font-size: 8px !important
	}
	.titulo-condonacion{
		font-size: 1.5rem !important;
		line-height: 25px !important;
	}
	.panel-header {
		text-align: center !important;
	}
	.img-header{
		  max-width: 280px !important;
		  padding: 0 !important;
		  margin-right: 0px !important;
	  }	
}

@media screen and (min-width: 426px) {    
	.boton-login {
	background-image: url("/resources/img/logo-llave-cdmx.svg") !important;
	background-position: left !important;
	background-repeat: no-repeat !important;	
	background-position-x: 16px !important;
	background-size: 4px;
    max-width: 360px !important;
    height: 100px !important;
    padding: 7px;
    padding-left: 21px !important;
    border-radius: 5px;
    color: #fff !important;
    background-color: #218838 !important;
    font-size: 16px !important
	}
}

@media screen and (max-width: 999px) {
	.font-titulo{
		font-size: 1.97rem !important
	}
}

@media screen and (max-width: 937px) {
  .menu-normal {
    display: none !important;
  }
  
    #j_idt296{
  background-color: transparent!important;
  }

}
/*769*/
@media screen and (min-width: 938px) {
  .menu-responsive {
    display: none !important;
  }
  
}

@media screen and (min-width: 1000px){
	.centrado-404 {
	    padding: 98px 0 !important;
	}
}

.btn-verde-redondo {
 	
  text-decoration: none;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  
  color: #fff;
  background-color: #008a43;
  border-color: #007d3d;
  
  border-radius: 18.5px;
  padding: 0.5rem 1.5rem;
}

.contenido{
	/* max-width: 1024px; */
	margin: 0 auto !important;
	/* flex: 0 0 auto; */
}

.etiqueta-seccion{
  	font-family: sans-serif !important;
  	font-size: 12px !important;
	font-weight: bold !important;
	font-stretch: normal !important;
	font-style: normal !important;
	line-height: normal !important;
	letter-spacing: normal !important;
	color: #5d5d5d !important;
}

.etiqueta-indicacion{
	font-family: SourceSansPro !important;
  	font-size: 12px !important;
  	font-weight: bold !important;
  	font-stretch: normal !important;
  	font-style: normal !important;
  	line-height: normal !important;
 	letter-spacing: normal !important;
  	color: #898d8d !important;
}

.subtitulo{
	  font-family: sans-serif !important;
	  font-size: 14px !important;
	  font-weight: bold !important;
	  font-stretch: normal !important;
	  font-style: normal !important;
	  line-height: normal !important;
	  letter-spacing: normal !important;
	  color: #0f4c42 !important;
}

.etiqueta-completo{
	font-size: 12px !important;
	border-radius: 10px !important;
  	background-color: #00b140 !important;
  	padding: 4px !important;
  	color: #ffffff !important;
}

.etiqueta-incompleto{
	font-size: 12px !important;
	border-radius: 10px !important;
  	background-color:  #f7b500 !important;
  	padding: 4px !important;
  	color: #ffffff !important;
}

.etiqueta-seccion-detalle{
	font-family: sans-serif !important;
  	font-size: 14px !important;
	font-weight: bold !important;
	font-stretch: normal !important;
	font-style: normal !important;
	line-height: normal !important;
	letter-spacing: normal !important;
	color: #5d5d5d !important;
}

.etiqueta-detalle{
	font-size: 14px !important;
  	font-weight: bold !important;
  	line-height: 1.33 !important;
  	letter-spacing: 0.2px !important;
  	color: #009288 !important;
}

.etiqueta-boton{
	border-color: #ffffff !important;
	border: 1px solid #ffffff;
	font-size: 15px !important;
  	background-color: #0f4c42 !important;
  	padding: 2px !important;
  	color: #ffffff !important;
}

.etiqueta-boton-buscar{
	border: solid 10px #0f4c42;
	border-color: #0f4c42 !important;
	border-radius: 0px 5px 5px 0px;
	font-size: 20px !important;
  	background-color: #0f4c42 !important;
  	color: #ffffff !important;
  	width: 50px;
  	height: 50px;
}

.etiqueta-input-buscar{
	border: solid 10px #ffffff;
	border-color: #ffffff !important;
	border-radius: 5px 0px 0px 5px;
	font-size: 20px !important;
  	background-color: #ffffff !important; 
  	width: 200px;
  	height: 50px;
}

.etiqueta-busquedas{
	border: solid 10px #ffffff;
	border-color: #ffffff !important;
	border-radius: 5px 0px 0px 5px;
	font-size: 20px !important;
  	background-color: #ffffff !important; 
  	width: 200px;
  	height: 50px;
  	text-align: left !important;
}

.parrafo1{
	text-align: center !important;
	font-size: 20px !important;
	color: #5d5d5d;
	font-weight: bold !important;
}

.parrafogris{
	text-align: center !important;
	font-size: 20px !important;
	color: #5d5d5d;
	font-weight: bold !important;
	background-color: #F0F1F6 !important; 
}

.parrafo2{
	text-align: justify !important;
	font-size: 14px !important;
	color: #898d8d;
	font-weight: bold !important;
}

.parrafo3{
	align-content: center !important;
	text-align: center !important;
	font-size: 12px !important;
	vertical-align: middle;
}

.parrafo3aa{
	text-align: justify !important;
	border-radius: 6px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    background-color: #f8f8f8;
    height: 100%;
    color: #0f4c42;
}

.parrafo-blanco{
	text-align: justify !important;
	border-radius: 6px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    height: 100%;
    color: #0f4c42;
    vertical-align: middle;
}

.parrafo-blanco-flat{
	text-align: justify !important;
	border-radius: 6px;
    background-color: #ffffff;
    height: 100%;
    color: #0f4c42;
    vertical-align: middle;
}

.parrafo-blanco-flat2{
	text-align: left !important;
	border-radius: 6px;
    background-color: #ffffff;
    height: 100%;
    vertical-align: middle;
}

.parrafo3bb{
	text-align: center !important;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    background-color: #f8f8f8;
    height: 100%;
    color: #00b140; 
}

.parrafo4{
	background-image: linear-gradient(103deg, #174a80 4%, #009288 97%);
	height: 100%;
	vertical-align: middle;
	text-align: center !important;
}

.parrafo4a{
	height: 50px;
	background-color: rgba(0, 0, 0, 0.15);
	vertical-align: middle;
	text-align: center !important;
	color: #ffffff !important;
}

.parrafol{
  height: 1px;
  background-color: #ffffff;
}

.parrafo3giros{
	text-align: start !important;
}

.parrafo5{
	text-align: justify !important;
	border-radius: 6px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    background-color: #f8f8f8;
    height: 100%;
    color: #0f4c42;
}

.panel-rojo{
	text-align: justify !important;
	border-radius: 6px;
    background-color: #B4191E;
    height: 30%;
}

.panel-warning{
	text-align: left !important; 
	border-radius: 6px; 
	background-color: #FFF3CD !important; 
	color: #866506 !important;
}

.panel-azul{
	text-align: left !important; 
	border-radius: 6px; 
	background-color: #CCE5FF !important; 
	color: #004085 !important;
}

.panel-background-image{
	vertical-align: middle;
	border-radius: 6px;
}

.rectangulo5{
	background-color: #00b140;
}

.Registro{
	color: #ffffff;
	font-weight: 400 !important;
}

.articulo37{
	color: #0f4c42 !important; 
	font-zise: 8px !important;
	text-align: justify !important;
	font-weight:normal !important;
}

.boton-sidebar{
  font-size: 13px !important;
  font-weight: bold !important;
  letter-spacing: normal;
  text-align: center;
  padding-bottom: 5px;
  color: #ffffff !important;
  background-color: #00b140 !important;
}

.boton-regresar {
	background-image: url("/resources/img/arrow.svg") !important;
	background-position: left !important;
	background-repeat: no-repeat !important;	
	background-position-x: 16px !important;
    float: left;
    max-width: 130px !important;
    height: 40px !important;
    padding: 7px;
    padding-left: 21px !important;
    border-radius: 5px;
    color: #000000 !important;
    background-color: #e3e3e3 !important;
    font-size: 16px !important;
}

.boton-subir-imagen {
	background-image: url("/resources/img/upload.svg") !important;
	background-position: left !important;
	background-repeat: no-repeat !important;	
	background-position-x: 16px !important;
	background-size: 10px;
    float: left;
    height: 35px !important;
    padding: 7px;
    padding-left: 21px !important;
    border-radius: 5px;
    color: #000000 !important;
    background-color: #e3e3e3 !important;
    font-size: 13px !important;
}

.menu-normal{

}

.ui-menu.ui-megamenu .ui-menu-parent .ui-menu-child {
    width: auto;
    background: #ffffff;
}

menuTable {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

@media screen and (max-width: 423px) {
  #menuRespon {
   
    width: 38% !important;
    height: 32px !important;
    position: static !important;
    float: right;
    padding-right: 7px;
    padding-top: 10px;
    
  }
  

 .ui-menuitem-text{
    margin-left: 10px;
 }
 
 .ui-menu-item-submenupersonalizado{
    margin-left: 10px !important;    
}

 
}


/*	
@media screen and (max-width: 423px) {
 .img-header{
  float: left !important;
  width: 140px !important;
  padding-left: 12px !important;
  margin-right: 0px !important;
  }	
	}
	


@media only screen and (min-width: 769px) and ( max-width : 1295px) {
	
	#idGridMenuRespon #idGridMenuRespon_content .ui-grid-row .ui-grid-col-3{

	 margin-right: 110px !important;
	 }
	
	}
	
	*/
	
	
	.claseButttonHeader .ui-button .ui-icon-triangle-1-s {
	background-image: none !important;
	
	}
	


	@media only screen and (min-width: 1381px)  {
	
	
	.fontRespHeadedr{

	font-size: 20px !important;
	 }
	 
	.img-alinear {
	    vertical-align: middle !important;
	    position: absolute;
	    width: 45px !important;
	    top: 25px;
	}
	 
	 
	 #idGridMenuRespon1A #idGridMenuRespon1A_content .ui-panelgrid-cell {
	
    padding-left: 2px !important;
    padding-right: 11px !important;
	}
	 
	
	}
	



	

	
	
	
	@media only screen and (min-width: 1231px) and ( max-width : 1380px) {
	
	.imgBusquedaReponse{
	      margin-right: 0px !important;
	}
	
	
	
	.fontRespHeadedr{

	font-size: 17px !important;
	 }
	 
	#idGridMenuRespon1A #idGridMenuRespon1A_content .ui-panelgrid-cell {
	
    padding-left: 2px !important;
    padding-right: 11px !important;
	}
	
	
	.img-alinear {
	    vertical-align: middle !important;
	    position: absolute;
	    width: 40px !important;
	    top: 30px;
	}
	
	}
	
	
	
@media only screen and (min-width: 937px) and ( max-width : 1230px) {
	
	.imgBusquedaReponse{
	margin-right: 0px !important;
	}
	
	
	.fontRespHeadedr{

	font-size: 15px !important;
	 }
	 
	
	#idGridMenuRespon1A #idGridMenuRespon1A_content .ui-panelgrid-cell {
	
    padding-left: 2px !important;
    padding-right: 5px !important;
	}
	
	
	
	.img-alinear {
    vertical-align: middle !important;
    position: absolute;
     width: 35px !important;
     top: 30px;
	}
	
	}
	
	

@media screen and (min-width: 768px) and (max-width: 937px) { 
   .menu-responsive{
    top: 22px !important;
    right: 40px !important;
   }
 
 }



/*768*/
@media screen and (min-width: 425px)  and (max-width: 767px) {
  
   /*
    .menu-responsive{
    top: 28px !important;
    right: 5px !important;
    position: absolute !important;
  }
  */
     .menu-responsive{
    top: 22px !important;
    right: 40px !important;
   position: absolute !important;
   }
  
  
  }
  


@media screen and (min-width: 360px)  and (max-width: 424px) {
  
     .menu-responsive{
    top: 25px !important;
    right: 25px !important;
   position: absolute !important;
   }
  
  }



@media screen and (min-width: 298px)  and (max-width: 359px) {
  
     .menu-responsive{
    top: 25px !important;
    right: 11px !important;
   position: absolute !important;
   }
  
  }
  
 
 
 @media screen and (min-width: 220px)  and (max-width: 297px) {
  
     .menu-responsive{
    top: 25px !important;
    right: 11px !important;
   position: absolute !important;
   }
  
  }
  
  .ui-panel-sin-pading .ui-panelgrid-cell { 
	padding: 5px 0 !important;	
}

 .ui-panel-detalle { 
	padding-right: 8% ; 
	padding-left: 8% ; 
	text-align:justify;
}

.image {
  width: 100%;
  height: 100%;
}

.barra-pasos{
	margin-top: 0;
    padding-top: 10px;
    background-color: #ffffff;
    position: relative;
}

.text-descripcion-paso{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	font-size: 20px !important;
	color: #00BE6A !important;
}

.text-paso{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	font-size: 25px !important;
	font-weight: 500 !important;
	color: #fff !important;
}

.text-normal{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	font-weight: 400 !important;
	color: #000000 !important;
	font-size: 19px !important;
}

.text-paso-resaltado{	
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	font-weight: 500 !important;
	font-weight: bold !important;
	color: #44c965 !important;
}

.tituloPasos{
	font-size: 40px !important;
	font-weight: bold !important;
	color: #44c965 !important;
}

.boton-siguiente {
    float: right;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 40px !important;
    padding: 7px;
    border-radius: 5px;
    color: #ffffff !important;
    background-color: #016058 !important;
    font-size: 16px !important;
}

.boton-registrado {
    float: right;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 30px !important;
    padding: 7px;
    border-radius: 5px;
    background-color: #67C1F4 !important;
    font-size: 12px !important;
}

.boton-modificar {
    float: right;
    min-width: 120px !important;
    max-width: 200px !important;
    height: 40px !important;
    padding: 7px;
    border-radius: 5px;
    background-color: #e3e3e3 !important;
    font-size: 16px !important;
}

.boton-cancelar {
    float: right;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 40px !important;
    padding: 7px;
    border-radius: 5px;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
}

.boton-siguiente-modal {
    float: right;
    min-width: 120px !important;
    max-width: 300px !important;
    height: 40px !important;
    padding: 7px;
    border-radius: 5px;
    color: #ffffff !important;
    background-color: #016058 !important;
    font-size: 16px !important;
}

.boton-modificar-modal {
    float: right;
    min-width: 120px !important;
    max-width: 250px !important;
    height: 40px !important;
    padding: 7px;
    border-radius: 5px;
    background-color: #e3e3e3 !important;
    font-size: 16px !important;
}

.boton-cancelar-modal {
    float: right;
    min-width: 120px !important;
    max-width: 250px !important;
    height: 40px !important;
    padding: 7px;
    border-radius: 5px;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
}


  .progressbar {
      counter-reset: step;
  }
  .progressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
  }
  .progressbar li:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .progressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -50%;
      z-index: 0;
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: green;
  }
  .progressbar li.active:before {
      border-color: #55b776;
  }
  .progressbar li.active + li:after {
      background-color: #55b776;
  }
  
  .parrafo-green{
  		text-align: center !important;
		color:	#53A451;
		font-size: 20px!important;
		font-weight: lighter !important;
	}
.parrafo-green-titulo{
		text-align: center !important;
		color:	#53A451;
		font-size: 3.4rem!important;
    	font-weight: 700!important;
	}
	
	.ui-accordion-faq .ui-accordion-header {
    padding: 20px 18px 20px 30px;
    border: none !important;
    font-size: 22px;
    color: #000 !important;
    font-weight: 600 !important;
    text-align:left !important;
}

.ui-accordion-faq .ui-accordion-header .ui-icon {
    right: .5em !important;
    left: auto !important;
    margin: 0 0 0 5px;
    top: 40% !important;
    text-align:left !important;
}

.panelGridCenter td,.panelGridCenter tr {
    text-align: center;
}


element.style {
    text-align: right;
    margin: 0;
}
.ui-widget .ui-widget {
    font-size: 14px;
}
.ui-widget .ui-widget {
    font-size: 14px;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-panelgrid {
    border-collapse: collapse;
}
.ui-widget {
    font-family: Arial,sans-serif;
    font-size: 1.1em;
}
user agent stylesheet
div {
    display: block;
}
.ui-panel-login-sin-pading .ui-panelgrid-cell {
    padding:  0 !important;
    font-size: 18px !important;
}

.barra-superior{
	margin-top: 0;
    padding-top: 10px;
    background-color: #55BA72;
    position: relative;
}

#divCentrado {
    margin: 0 auto !important;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    background-color: #fff !important;
    max-width:80%;
}

.font-titulo{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;	
	color: #000000 !important;
	font-size: 3.3rem !important;
}


/* Estilos para la pagina de error 404 */

.not-found {
    margin: 5em auto 0em !important;
    padding: 7em 3em 7em !important;
    background:#fff !important;
    border-radius: !important;
    width: 55% !important;
}

.notfound-top h1 {
    font-size: 9.5em !important;
    color: #0f4c42 !important;
    padding-top: 0.2em !important;
    text-align: center !important;
}

.content404 {  
  padding: 7em 3em 7em !important;
  float: right;
  width:100%;
  padding-left: 3em;
  border-left: 2px solid  #0f4c42;
}

.campo-sin-documento{
	font-family: 'Inter', sans-serif !important;
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
	font-weight: 700 !important;
    color: #000 !important;
}

.pnl-captcha{
	padding: 0 9% ;
}

.ui-icon-user-login {
    background-image: url(/resources/img/user_login.svg) !important;
    width: 42px !important;
    height: 42px !important;
    background-size: 43px !important;
    background-position: 0 0 !important;
}

.ZeroPadding {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.ZeroPadding-Bottom {  
    padding-bottom: 0!important;
}
.ZeroPadding-Top {  
    padding-top: 0!important;
}
.ZeroPadding-Right{
	padding-right: 0!important;
}
.ZeroPadding-Left{
	padding-left: 0!important;
}

.border-rigth-w{
	border-right: 2px solid white;
}

.borderbt-white{
	    border-bottom: 1px solid white;
}
.mobileIndicadorColor{
	border: 1px solid;    border-radius: 4px; background-color: #3E6377;
}

.flex {
	display: flex !important;
}

@media (max-width: 575.98px) { 
  #desktopIndicadorColor{
  display:none;
  } 
  #mobileIndicadorColor{
   display:block;
  }
}


@media (min-width: 576px) and (max-width: 991.98px) { 
	#desktopIndicadorColor{
  	display:none;
  } 
  #mobileIndicadorColor{
   display:block;
  }
}


@media (min-width: 992px) and (max-width: 1199.98px) { 
 		#desktopIndicadorColor{
  display:block;
  } 
  #mobileIndicadorColor{
   display:none;
  }
}

@media (min-width: 1200px) { 
#desktopIndicadorColor{
  display:block;
  } 
  #mobileIndicadorColor{
   display:none;
  }
    
}
@media (min-width: 1400px) { 
	#desktopIndicadorColor{
  display:block;
  } 
  #mobileIndicadorColor{
   display:none;
  }
}
 .ui-panel-sin-pading-menu .ui-panelgrid-cell { 
	padding: 2px 0 !important;	
}

.ui-menubar .ui-menuitem-link {
    width: auto !important;
}

.menu-barra-header .ui-state-hover {
    border-bottom: 2px solid #235B4E !important;
    border-radius: 0 !important;
    box-sizing: content-box !important;
    text-decoration: underline !important;
    background: none;
    font-weight: 600 !important;
}

.opcionmenuGreen {
    text-decoration: none;
    color: #0f4c42 !important;
    font-weight: bold;
}

.fontRespSidebar {
    font-size: 17px !important;
}

.side-bar-header.ui-sidebar .ui-sidebar-close {
    width: 0!important;
    height: 0!important;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: 1rem 1rem ;
}

body .ui-icon {
    position: absolute;
    font-family: 'FontAwesome' !important;
}

/*Registro del tramite parte 3*/

.fondoGris {
	background: #F2F2F2 !important;
}
/*CHECKBOX*/
.pred-check-box >span {
	display: none !important;
}
.pred-check-box .ui-chkbox-box {
	border: 1px solid #A0AEC0 !important;
	border-width: 2px !important;
	background: #ffffff !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	text-align: center !important;
	position: relative !important;
	border-radius: 6px !important;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s,
		box-shadow 0.2s !important;
}

.pred-check-box .ui-chkbox-box.ui-state-hover {
	border-color: #936c3e !important;
	background: transparent !important;
}

.pred-check-box .ui-chkbox-box.ui-state-focus {
	box-shadow: 0 0 0 0.2em #795548 !important;
	outline: 0 none !important;
}

.pred-check-box .ui-chkbox-box.ui-state-active {
	border-color: #936c3e !important;
	background: #B18147 !important;
	color: #ffffff !important;
}

/*Botones interactuar archivos*/
.pred_icon_eye {
	background-image: url(/resources/img/ic_eye.svg) !important;
	width: 40px !important;
	height: 40px !important;
	top: 46% !important;
	left: 35% !important;
}

.pred_icon_delete {
	background-image: url(/resources/img/ic_delete.svg) !important;
	width: 40px !important;
	height: 40px !important;
	top: 40% !important;
	left: 45% !important;
}
.pred_icon_check {
	background-image: url(/resources/img/ic_chek_black.svg) !important;
	width: 40px !important;
	height: 40px !important;
	top: 42% !important;
	left: 37% !important;
}
.pred_icon_close {
	background-image: url(/resources/img/ic_close_black.svg) !important;
	width: 40px !important;
	height: 40px !important;
	top: 40% !important;
	left: 43% !important;
}

.tituloBandeja {
	background: #B98E59;
	box-shadow: 0px 16px 85px rgba(0, 146, 135, 0.0395542);
	border-radius: 10px 10px 0px 0px;
	padding: 25px 0;
}

.fontTituloBandeja {
	font-style: normal;
	font-weight: bold;
	font-size: 27px !important;
	color: #FFFFFF;
}

.subTituloTramites {
	font-style: normal;
	font-weight: 700;
	font-size: 22px !important;
	line-height: 27px;
	color: #1A202C;
}
/*moviendo el tache mensajes generales*/
.ui-messages-close {
	padding-top: 16px !important;
	background: transparent !important;
}
/*tache para cerrar modales sobreescrito*/
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    border: 0 none;
    padding: 0;
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    /* padding: 0; */
    padding-right: 16px !important;
    user-select: none;
}
body .ui-dialog {
    padding: 0;
    box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%), 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);
    border: 0 none;
    border-radius: 10px;
}