.center-image {
  display: block;
  border: none;
  margin-left: auto;
  margin-right: auto;
  width: 40%; /* Optional: Adjust width as needed */
}

.ptitle{
  text-align:center;
  font-family: Dosis, roboto, Sans;
  font-size: 18px;
  color: #f3fff;
}
.clave {
  background-color: #f3f5f8;
  padding: 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border: none;
  border-bottom: 4px solid #d9dde3;
}

.nomtrxs-table {
    border: 1px solid #ccc;
    font-size: 13px;
}

.nomtrxs-header,
.nomtrxs-row {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.nomtrxs-header {
    background: #f5f5f5;
    font-weight: bold;
}

.nomtrxs-row:nth-child(even) {
    background: #fafafa;
}

.nomtrxs-header .col,
.nomtrxs-row .col {
    padding: 6px 8px;
    flex: 1;
}

.col.empleado { flex: 2; }
.col.posicion { flex: 2; }
.col.transaccion { flex: 2; }
.col.monto {
    flex: 1;
    text-align: right;
}

.navbar, .navbar-inverse, .navbar-inner{
    background-image: none !important;
    background-color: #29245c !important;
}

.btn, .btn-primary{
    background-image: none !important;
    background-color: #f0efed;
    color: #000000;
} 

.view-form .form-footer .btn.clase_ac1{
    background-image: none !important;
    background-color: #29245C !important;
    border-color: #1c7430;
    color: #ffff33;
}

.view-form .form-footer .btn.clase_ac2{
    background-image: none !important;
    background-color: #df5124 !important;
    border-color: #1c7430;
    color: #ffff33;
}

.view-form .form-footer .btn.clase_ac3{
    background-image: none !important;
    background-color: #ff0000 !important;
    border-color: #1c7430;
    color: #fffff3;
}

.view-form .form-footer .btn.clase_ac4{
    background-image: none !important;
    background-color: #cc00ff !important;
    border-color: #1c7430;
    color: #fffff3;
}

.view-form .form-footer .btn.clase_acr{
    background-image: none !important;
    background-color: #29245C !important;
    border-color: #1c7430;
    color: #ffff33;
}