@charset "UTF-8";

*{
	font-family: 'Montserrat' !important;
}
@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;
	}
	#divCentrado {
    	max-width:100% !important;
	}	
}

@media screen and (min-width: 330px) and (max-width: 425px){
	.pnl-captcha{
		padding: 0 0 0 3% !important;
	}
	#divCentrado {
    	max-width:100% !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{
		overflow: scroll;
		/*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;
	 }
	 #divCentrado {
    	max-width:100% !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
	}
	.folio-font-size{
	font-size: 40px !important;
	}
}

@media screen and (max-width: 937px) {
  .menu-normal {
    display: none !important;
  }
  
    #j_idt296{
  background-color: transparent!important;
  }
.folio-font-size{
	font-size: 40px !important;
	}
}
/*769*/
@media screen and (min-width: 938px) {
  .menu-responsive {
    display: none !important;
  }
  .folio-font-size{
	font-size: 40px !important;
	}
  
}

@media screen and (min-width: 1000px){
	.centrado-404 {
	    padding: 98px 0 !important;
	}
	.folio-font-size{
	font-size: 40px !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: 0px;
 }
 
 .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;
	}
	.cont-txt-Qr{
	max-width: 85% !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;
	}
	.cont-txt-Qr{
	max-width: 85% !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;
   }
   .cont-txt-Qr{
	max-width: 85% !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;
    color: #000000 !important;
    background-color: #e3e3e3 !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;
    color: #000000 !important;
    background-color: #e3e3e3 !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;
}



.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;
}

/* 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% ;
}

.padding-contenido-general{
	padding: 4% 10px;
}



.view-tramites .ui-paginator .ui-paginator-current{
	margin: 0 !important;
	font-weight: 400 !important;
}

.view-tramites .ui-paginator .ui-paginator-pages {
	display: inline-block !important;
}

.view-tramites .ui-paginator .ui-paginator-page {
	opacity: .9 !important;
}
.view-tramites .ui-state-active{
	color: #4f4f4f !important;
	/* background: #691C32 !important; */
}

.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;
}

@media screen and (max-width: 999px){
	#divCentrado {
    margin: 0 auto !important;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    background-color: #fff !important;
    width:100%;
}
}
@media screen and (min-width: 1412px) {
	#divCentrado{
    margin: 0 auto !important;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    background-color: #fff !important;
    max-width: 1291px;
}
}
@media screen and (max-width: 640px) {
.panel-uploads{
	max-width: 250px !important; 
	margin: 0 auto;
}
}