/** General **/
@font-face {
  font-family: 'MapfreText', sans-serif;
  src: url('/pagos/fonts/MapfreDisplay-400-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body{
	font-family: 'MapfreText', sans-serif !important;
	font-size: 16px !important;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/** Botones verdes **/
.btnVerdeFill1 {
    background-color: #D8F7DF !important;
    color: #1A1A1A !important;
    border-color: #28A545 !important;
    border-radius: 40px !important;
}

.btnVerdeFill1:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeFill2 {
    background-color: #A3EDB5 !important;
    color: #1A1A1A !important;
    border-color: #28A545 !important;
    border-radius: 40px !important;
}

.btnVerdeFill2:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeFill3 {
    background-color: #6FE28A !important;
    color: #1A1A1A !important;
    border-color: #28A545 !important;
    border-radius: 40px !important;
}

.btnVerdeFill3:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeOut3 {
    background-color: white !important;
    color: #6FE28A !important;
    border-color: #6FE28A !important;
    border-radius: 40px !important;
}

.btnVerdeOut3:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeFill4 {
    background-color: #3AD860 !important;
    color: #1A1A1A !important;
    border-color: #28A545 !important;
    border-radius: 40px !important;
}

.btnVerdeFill4:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeOut4 {
    background-color: white !important;
    color: #3AD860 !important;
    border-color: #3AD860 !important;
    border-radius: 40px !important;
}

.btnVerdeOut4:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeFill5 {
    background-color: #28A545 !important;
    color: #1A1A1A !important;
    border-color: #28A545 !important;
    border-radius: 40px !important;
}

.btnVerdeFill5:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeOut5 {
    background-color: white !important;
    color: #28A545 !important;
    border-color: #28A545 !important;
    border-radius: 40px !important;
}

.btnVerdeOut5:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeFill6 {
    background-color: #15722B !important;
    color: white !important;
    border-color: #15722B !important;
    border-radius: 40px !important;
}

.btnVerdeFill6:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeOut6 {
    background-color: white !important;
    color: #15722B !important;
    border-color: #15722B !important;
    border-radius: 40px !important;
}

.btnVerdeOut6:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerde7 {
    background-color: #033F10 !important;
    color: white !important;
    border-color: #15722B !important;
    border-radius: 40px !important;
}

.btnVerdeFill7:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnVerdeOut7 {
    background-color: white !important;
    color: #15722B !important;
    border-color: #15722B !important;
    border-radius: 40px !important;
}

.btnVerdeOut7:hover {
    opacity: 0.75;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/** Botones rojos **/

.btnRojoFill1 {
    background-color: #FF002D !important;
    color: white !important;
    border-color: #FF002D !important;
    border-radius: 40px !important;
}

.btnRojoFill1:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoOut1 {
    background-color: white !important;
    color: #FF002D !important;
    border-color: #FF002D !important;
    border-radius: 40px !important;
}

.btnRojoOut1:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoFill2 {
    background-color: #DF0027 !important;
    color: white !important;
    border-color: #DF0027 !important;
    border-radius: 40px !important;
}

.btnRojoFill2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoOut2 {
    background-color: white !important;
    color: #DF0027 !important;
    border-color: #DF0027 !important;
    border-radius: 40px !important;
}

.btnRojoOut2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoFill3 {
    background-color: #BF0022 !important;
    color: white !important;
    border-color: #BF0022 !important;
    border-radius: 40px !important;
}

.btnRojoFill3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoOut3 {
    background-color: white !important;
    color: #BF0022 !important;
    border-color: #BF0022 !important;
    border-radius: 40px !important;
}

.btnRojoOut3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoFill4 {
    background-color: #A0001C !important;
    color: white !important;
    border-color: #A0001C !important;
    border-radius: 40px !important;
}

.btnRojoFill4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoOut4 {
    background-color: white !important;
    color: #A0001C !important;
    border-color: #A0001C !important;
    border-radius: 40px !important;
}

.btnRojoOut4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoFill5 {
    background-color: #800016 !important;
    color: white !important;
    border-color: #800016 !important;
    border-radius: 40px !important;
}

.btnRojoFill5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoOut5 {
    background-color: white !important;
    color: #800016 !important;
    border-color: #800016 !important;
    border-radius: 40px !important;
}

.btnRojoOut5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoFill6 {
    background-color: #600011 !important;
    color: white !important;
    border-color: #600011 !important;
    border-radius: 40px !important;
}

.btnRojoFill6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoOut6 {
    background-color: white !important;
    color: #600011 !important;
    border-color: #600011 !important;
    border-radius: 40px !important;
}

.btnRojoOut6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoFill7 {
    background-color: #40000B !important;
    color: white !important;
    border-color: #40000B !important;
    border-radius: 40px !important;
}

.btnRojoFill7:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRojoOut7 {
    background-color: white !important;
    color: #40000B !important;
    border-color: #40000B !important;
    border-radius: 40px !important;
}

.btnRojoOut7:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/** Botones grises */

.btnGrisFill1 {
    background-color: #D9D9D9 !important;
    color: white !important;
    border-color: #D9D9D9 !important;
    border-radius: 40px !important;
}

.btnGrisFill1:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisOut1 {
    background-color: white !important;
    color: #D9D9D9 !important;
    border-color: #D9D9D9 !important;
    border-radius: 40px !important;
}

.btnGrisOut1:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisFill2 {
    background-color: #B3B3B3 !important;
    color: white !important;
    border-color: #B3B3B3 !important;
    border-radius: 40px !important;
}

.btnGrisFill2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisOut2 {
    background-color: white !important;
    color: #B3B3B3 !important;
    border-color: #B3B3B3 !important;
    border-radius: 40px !important;
}

.btnGrisOut2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisFill3 {
    background-color: #8D8D8D !important;
    color: white !important;
    border-color: #8D8D8D !important;
    border-radius: 40px !important;
}

.btnGrisFill3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisOut3 {
    background-color: white !important;
    color: #8D8D8D !important;
    border-color: #8D8D8D !important;
    border-radius: 40px !important;
}

.btnGrisOut3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisFill4 {
    background-color: #666666 !important;
    color: white !important;
    border-color: #666666 !important;
    border-radius: 40px !important;
}

.btnGrisFill4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisOut4 {
    background-color: white !important;
    color: #666666 !important;
    border-color: #666666 !important;
    border-radius: 40px !important;
}

.btnGrisOut4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisFill5 {
    background-color: #404040 !important;
    color: white !important;
    border-color: #404040 !important;
    border-radius: 40px !important;
}

.btnGrisFill5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisOut5 {
    background-color: white !important;
    color: #404040 !important;
    border-color: #404040 !important;
    border-radius: 40px !important;
}

.btnGrisOut5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisFill6 {
    background-color: #1A1A1A !important;
    color: white !important;
    border-color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnGrisFill6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnGrisOut6 {
    background-color: white !important;
    color: #1A1A1A !important;
    border-color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnGrisOut6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/** Botones amarillos */

.btnAmarilloFill1 {
    background-color: #FFF6D9 !important;
    border-color: #FFF6D9 !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnAmarilloFill1:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloFill2 {
    background-color: #FFEAA6 !important;
    border-color: #FFEAA6 !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnAmarilloFill2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloFill3 {
    background-color: #FFDE73 !important;
    border-color: #FFDE73 !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnAmarilloFill3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloOut3 {
    background-color: white !important;
    color: #FFDE73 !important;
    border-color: #FFDE73 !important;
    border-radius: 40px !important;
}

.btnAmarilloOut3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloFill4 {
    background-color: #FFD240 !important;
    border-color: #FFD240 !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnAmarilloFill4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloOut4 {
    background-color: white !important;
    color: #FFD240 !important;
    border-color: #FFD240 !important;
    border-radius: 40px !important;
}

.btnAmarilloOut4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloFill5 {
    background-color: #C8A22B !important;
    border-color: #C8A22B !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnAmarilloFill5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloOut5 {
    background-color: white !important;
    color: #C8A22B !important;
    border-color: #C8A22B !important;
    border-radius: 40px !important;
}

.btnAmarilloOut5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloFill6 {
    background-color: #907215 !important;
    border-color: #907215 !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnAmarilloFill6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloOut6 {
    background-color: white !important;
    color: #907215 !important;
    border-color: #907215 !important;
    border-radius: 40px !important;
}

.btnAmarilloOut6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloFill7 {
    background-color: #594200 !important;
    border-color: #594200 !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnAmarilloFill7:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAmarilloOut7 {
    background-color: white !important;
    color: #594200 !important;
    border-color: #594200 !important;
    border-radius: 40px !important;
}

.btnAmarilloOut7:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/** Botones azules */
.btnAzulFill1 {
    background-color: #DBF5F6 !important;
    border-color: #DBF5F6 !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnAzulFill1:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulFill2 {
    background-color: #ABE8EA !important;
    border-color: #ABE8EA !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnAzulFill2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulOut2 {
    background-color: white !important;
    color: #ABE8EA !important;
    border-color: #ABE8EA !important;
    border-radius: 40px !important;
}

.btnAzulOut2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulFill3 {
    background-color: #7BDBDD !important;
    border-color: #7BDBDD !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnAzulFill3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulOut3 {
    background-color: white !important;
    color: #7BDBDD !important;
    border-color: #7BDBDD !important;
    border-radius: 40px !important;
}

.btnAzulOut3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulFill4 {
    background-color: #4BCED1 !important;
    border-color: #4BCED1 !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnAzulFill4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulOut4 {
    background-color: white !important;
    color: #4BCED1 !important;
    border-color: #4BCED1 !important;
    border-radius: 40px !important;
}

.btnAzulOut4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulFill5 {
    background-color: #349EA0 !important;
    border-color: #349EA0 !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnAzulFill5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulOut5 {
    background-color: white !important;
    color: #349EA0 !important;
    border-color: #349EA0 !important;
    border-radius: 40px !important;
}

.btnAzulOut5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulFill6 {
    background-color: #1D6F70 !important;
    border-color: #1D6F70 !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnAzulFill6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulOut6 {
    background-color: white !important;
    color: #1D6F70 !important;
    border-color: #1D6F70 !important;
    border-radius: 40px !important;
}

.btnAzulOut6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulFill7 {
    background-color: #063F3F !important;
    border-color: #063F3F !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnAzulFill7:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnAzulOut7 {
    background-color: white !important;
    color: #063F3F !important;
    border-color: #063F3F !important;
    border-radius: 40px !important;
}

.btnAzulOut7:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/** Botones rosados */
.btnRosaFill1 {
    background-color: #FFDBEA !important;
    border-color: #FFDBEA !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnRosaFill1:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaFill2 {
    background-color: #FFACCE !important;
    border-color: #FFACCE !important;
    color: #1A1A1A !important;
    border-radius: 40px !important;
}

.btnRosaFill2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaOut2 {
    background-color: white !important;
    color: #FFACCE !important;
    border-color: #FFACCE !important;
    border-radius: 40px !important;
}

.btnRosaOut2:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaFill3 {
    background-color: #FF7CB2 !important;
    border-color: #FF7CB2 !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnRosaFill3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaOut3 {
    background-color: white !important;
    color: #FF7CB2 !important;
    border-color: #FF7CB2 !important;
    border-radius: 40px !important;
}

.btnRosaOut3:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaFill4 {
    background-color: #FF4D96 !important;
    border-color: #FF4D96 !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnRosaFill4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaOut4 {
    background-color: white !important;
    color: #FF4D96 !important;
    border-color: #FF4D96 !important;
    border-radius: 40px !important;
}

.btnRosaOut4:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaFill5 {
    background-color: #C83371 !important;
    border-color: #C83371 !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnRosaFill5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaOut5 {
    background-color: white !important;
    color: #C83371 !important;
    border-color: #C83371 !important;
    border-radius: 40px !important;
}

.btnRosaOut5:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaFill6 {
    background-color: #901A4D !important;
    border-color: #901A4D !important;
    color: white !important;
    border-radius: 40px !important;
}

.btnRosaFill6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnRosaOut6 {
    background-color: white !important;
    color: #901A4D !important;
    border-color: #901A4D !important;
    border-radius: 40px !important;
}

.btnRosaOut6:hover {
   opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/** Botones especiales */

.btnCtaFill{
	background-color: #063F3F !important;
	color: white !important;
	border-radius: 40px !important;
}

.btnCtaFill:hover{
	opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.btnCtaOut{
	background-color: white !important;
	color: #063F3F !important;
	 border-color: #063F3F !important;
	border-radius: 40px !important;
}

.btnCtaOut:hover{
	opacity: 0.65;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/** Icono de procesando */
.spinner-red {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(220, 53, 69, 0.3); /* rojo claro */
  border-top: 4px solid #dc3545;           /* rojo principal */
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/** Primefaces*/
.ui-datatable thead th {
    background: #D9D9D9 !important;
}

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

.ui-widget {
    font-family: 'MapfreText', sans-serif !important;
    font-size: 1rem !important;
    text-decoration: none;
}

.ui-datatable .ui-datatable-data>tr>td {
    padding: 0.5rem 0.5rem !important;
}

.info{
	background-color: #A3EDB5 !important;
	padding: 0.7rem;
	margin: 0.7rem;
	border-radius: 1rem;
}

.warn{
	background-color: #FFF6D9 !important;
	padding: 0.7rem;
	margin: 0.7rem;
	border-radius: 1rem;
}

.error{
	background-color: #FFDBEA !important;
	padding: 0.7rem;
	margin: 0.7rem;
	border-radius: 1rem;
}

.row1{
	background-color: #e9ecef !important;
}

.row2{
	background-color: white !important;
}

.form-control {
	width: 100% !important;
}

.ui-inputfield {
	width: 100% !important;
}

/* PrimeFaces p:messages - override colores del tema */
.ui-messages-info,
.ui-messages-info.info {
    background-color: #A3EDB5 !important;
    border-color: #73d893 !important;
    color: #155724 !important;
}
.ui-messages-error,
.ui-messages-error.error {
    background-color: #FFDBEA !important;
    border-color: #ffb3c6 !important;
    color: #721c24 !important;
}
.ui-messages-warn,
.ui-messages-warn.warn {
    background-color: #FFF6D9 !important;
    border-color: #ffe69c !important;
    color: #664d03 !important;
}
.ui-messages-info .ui-messages-icon,
.ui-messages-info .ui-messages-close {
    color: #155724 !important;
}
.ui-messages-error .ui-messages-icon,
.ui-messages-error .ui-messages-close {
    color: #721c24 !important;
}

.cd-estado{
	font-size: 0.85em; 
	font-weight: 700; 
	display: inline-block;
}