body
{

  background-color: #f2f2f2!important;

}
/*
.navbar{margin-left: -15px; margin-right: -15px; border-bottom: 1px solid #646464;}
.lateral{background: #D8D8D8; color:#2A2A2A;}
.banner{background: #2A2A2A; color:#ffffff;}*/
.formlogin{background: #ffffff; color: #2A2A2A; margin-top: 10px; padding: 5px 5px 5px 5px;}
.fl{ margin: 20px auto 20px auto;}
.formlateral{background:#fff; margin: 10px 0px;}

/*estilos login
.formloginp{background: #ffffff; color: #2A2A2A; margin-top: 30px; padding: 10px 10px 20px 10px;}
.flp{ margin: 30px;}
.logologin{margin:20px auto; width:226px;}
.ubicacion{text-align: right; color:#DDDDDD;}
a:link .leyend{color: #ffffff!important;}
a:visited .leyend{color: #ffffff!important;}
.opr .flp{border-left: 2px solid #151f6d;}
.btp{border: dashed 2px #333333;}
.btp:hover{border: solid 2px #151f6d;}
.btc{border: solid 2px #333333;}*/

.leyend{padding:5px 10px; background: #84BD00; color: #000000;}
.leyend2{padding:5px 10px; background: #84BD00; color: #000000;}
.leyend3{padding:5px 10px; background: #151f6d; color: #ffffff;}

		.mi-offcanvas {
			background-color: #151f6d; /* Color de fondo personalizado */
			color: #ffffff; /* Color de texto personalizado */
		}

		.mi-offcanvas .btn-close {
			color: #ffffff; /* Color del botón de cierre */
		}
		   .btngl {
				background-color: #151f6d!important; /* Rojo */
				border-color: #151f6d;
			}
			.btngl:hover {
				background-color: #1f2e9d!important; /* Rojo */
				border-color: #1f2e9d;
			}

    .action-card {
      text-decoration: none;
      color: #000;
      transition: all 0.3s ease;
      border-radius: 0.5rem;
    }

    .action-card .card {
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .action-card:hover .card {
      background-color: #ffffff;
      color: #1f2e9d;
      transform: translateY(-4px);
      box-shadow: 0 8px 20px rgba(31, 46, 157, 0.2);
	  border: solid 1px #1f2e9d;
    }

    .action-card:hover i {
      color: #fff;
    }

    .action-card i {
      color: #1f2e9d;
      transition: color 0.3s ease;
    }

    .card-title {
      margin-top: 1rem;
      font-weight: 500;
    }