body[data-background-full]
  .main-header
  .navbar-header
  .navbar-nav
  .nav-item
  .nav-link:hover,
.main-header
  .navbar-header[data-background-color]
  .navbar-nav
  .nav-item
  .nav-link:hover,
body[data-background-full]
  .main-header
  .navbar-header
  .navbar-nav
  .nav-item
  .nav-link:focus,
.main-header
  .navbar-header[data-background-color]
  .navbar-nav
  .nav-item
  .nav-link:focus {
  background: rgba(219, 217, 209, 0.6110819327731092);
  background: linear-gradient(
    90deg,
    rgba(219, 217, 209, 0.6110819327731092) 0%,
    #949494 98%,
    rgba(36, 10, 0, 1) 100%
  );
}

:root {
  --anchoCol: 50px;
}


.ta-l {
  text-align: left;
}
.ta-r {
  text-align: right;
}

select {
  font-size: 24px;
  font-weight: normal;
  height: 16px;
  -webkit-appearance: menulist-button;
}

.numero {
  text-align: right;
}
.ancho20 {
  width: 20px;
}
.ancho40 {
  width: 40px;
}
.ancho60 {
  width: 60px;
}
.ancho80 {
  width: 80px;
}
.ancho100 {
  width: 100px;
}
.ancho120 {
  width: 120px;
}
.ancho140 {
  width: 140px;
}
.ancho160 {
  width: 160px;
}
.ancho180 {
  width: 180px;
}
.ancho200 {
  width: 200px;
}
.ancho220 {
  width: 220px;
}
.ancho240 {
  width: 240px;
}
.ancho260 {
  width: 260px;
}
.ancho280 {
  width: 280px;
}
.ancho300 {
  width: 300px;
}
.ancho400 {
  width: 400px;
}

.seleccionado {
  background-color: #98faff;
}

.seleccionadosuave {
  background-color: #dbfdff6b;
}

.logo-header[data-background-color="orange3"] {
  background: rgb(219, 217, 209);
  background: linear-gradient(
    90deg,
    rgba(219, 217, 209, 0.6110819327731092) 0%,
    rgba(210, 127, 0, 1) 98%,
    rgba(36, 10, 0, 1) 100%
  );
}

.head-color-navbar {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.6110819327731092) 0%,
    rgba(210, 127, 0, 1) 71%,
    rgba(208, 143, 0, 1) 100%
  );
}

/*botones Personalizados*/
.btn-outline-naranja {
  color: #888;
  border-color: #55ff00;
}

.btn-outline-naranja:hover {
  color: #616161;
  background-color: #ffae00;
  border-color: #ffae00;
}

.btn-outline-naranja:focus,
.btn-outline-naranja.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 217, 0, 0.5);
}

.btn-outline-naranja.disabled,
.btn-outline-naranja:disabled {
  color: #8d8d8d;
  background-color: transparent;
}

.btn-outline-naranja:not(:disabled):not(.disabled):active,
.btn-outline-naranja:not(:disabled):not(.disabled).active,
.show > .btn-outline-naranja.dropdown-toggle {
  color: #616161;
  background-color: #ffae00;
  border-color: #ffae00;
}

.btn-outline-naranja:not(:disabled):not(.disabled):active:focus,
.btn-outline-naranja:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-naranja.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 153, 0, 0.5);
}
/**/

.card .card-header.bg-primero {
  background: linear-gradient(
    90deg,
    rgba(112, 182, 255, 1) 0%,
    rgb(221, 221, 221) 100%
  );
  color: black;
}

.card .card-header.bg-segundo {
  background: linear-gradient(90deg, #d27f00 0%, rgba(223, 235, 255, 1) 100%);
  color: black;
}

.card .card-header.bg-busqueda {
  background: linear-gradient(90deg, #ffe10090 0%, #fffcdf 100%);
  color: black;
}

.card .card-body.bg-resaltar {
  background: linear-gradient(90deg, #5b5b5b17 0%, rgba(223, 235, 255, 1) 100%);
  color: black;
}

.modal-body.bg-segundoModal {
  background: linear-gradient(90deg, #d3d3d3 0%, #ffffff 100%);
  color: black;
}
.modal-footer.bg-segundoModal {
  background: linear-gradient(90deg, #d3d3d3 0%, #ffffff 100%);
  color: black;
}

.card .card-body.bg-segundo {
  background-color: #bddcff;
  color: white;
}

.card .card-header.bg-tercero {
  background-color: #ff9393;
  color: white;
}

.card .card-header.bg-cuarto {
  background-color: #02269b93;
  color: white;
}

.card .card-header.bg-quinto {
  background-color: #ffcec5e5;
  color: white;
}

.bg-tabla {
  background-color: #e9e9e9e5;
  color: rgb(73, 73, 73);
}

.modal-content .bg-modal {
  background-color: #386eb4;
  color: white;
}

.btn-buscar {
  background-color: #ff9913;
  border-color: #ff9913;
}

.btn-recepcionar {
  background-color: #09c0d1;
  border-color: #13b4ff;
  color: #ffffff;
  z-index: 10px;
}

.btn-devolver {
  background-color: #ff9f5f;
  border-color: #ff9913;
  color: #ffffff;
}

.btn-reenviar {
  background-color: #75d172;
  border-color: #44d809;
  color: #ffffff;
}

.btn-finalizar {
  background-color: #c0c001;
  border-color: #d3d3c5;
  color: #ffffff;
}

.btn-dashboard {
  background-color: #588855;
  border-color: #d3d3c5;
  color: #ffffff;
}

.form-control-xs {
  height: calc(1em + 0.375rem + 2px) !important;
  padding: 0.125rem 0.25rem !important;
  font-size: 0.75rem !important;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control {
  font-size: 14px;
  border-color: #888888;
  padding: 0.6rem 1rem;
  height: inherit !important;
}

.form-control:focus {
  border-color: #3e93ff;
}

.form-control:disabled,
.form-control[readonly] {
  background: #ffffff !important;
  border-color: #888888 !important;
}

.form-control:disabled,
.form-control[readonly] {
  opacity: 0.6 !important;
}

.form-control-disabled {
  background: #eaeaea !important;
  border-color: #888888 !important;
  font-weight: normal;
  font-style: initial;
}

.modal-header {
  height: 50px;
}

.card-collapse {
  height: 50px;
  text-align: center;
  vertical-align: middle;
}

.bg-primary-gradient.small {
  height: 50px;
  text-decoration: underline;
}

.bg-secondary-gradient.small {
  height: 50px;
  text-decoration: underline;
}

.bg-success-gradient.small {
  height: 50px;
  text-decoration: underline;
}

.bg-warning-gradient.small {
  height: 50px;
  text-decoration: underline;
}

.bg-info-gradient.small {
  height: 70px;
  text-decoration: underline;
}

.modal-xl {
  max-width: 90% !important; /* New width for default modal */
}

.modal-xxl {
  max-width: 99% !important; /* New width for default modal */
  max-height: 99% !important;
}

/* Marcas para nro items*/

span.red {
  background: red;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 2.6em;
}

span.grey {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #000;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 2.6em;
}

span.green {
  background: #5ea226;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 2.6em;
}

span.blue {
  background: #5178d0;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 2.6em;
}

span.pink {
  background: #ef0bd8;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 2.6em;
}

.radiotopleft {
  border-top-left-radius: 4%;
}
.nav-item {
  font-size: 11px;
}
.table-head-bg-cuarto {
  background: linear-gradient(
    90deg,
    rgba(219, 217, 209, 0.6110819327731092) 0%,
    rgba(210, 127, 0, 1) 98%,
    rgba(36, 10, 0, 1) 100%
  );
}

.form-control-xs {
  height: calc(1em + 0.375rem + 2px) !important;
  padding: 0.125rem 0.25rem !important;
  font-size: 0.75rem !important;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.table-responsive100 {
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  overflow: auto;
  height: 100px;
}

.ubigeoTabla {
  z-index: 3;
  background-color: white;
}

.table-responsive200 {
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  overflow: scroll;
  height: 200px;
}

.table-responsive300 {
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  overflow: scroll;
  height: 300px;
}

.table-responsive400 {
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  overflow: scroll;
  height: 400px;
}

.table-responsive500 {
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  max-width: 100%;
  overflow-x: scroll;
  height: 500px;
  margin: 2rem auto;
}

.table-responsive600 {
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  overflow: scroll;
  height: 600px;
}

.tableFixHead {
  border: solid 1px #ccc;
  border-spacing: 0px;
  border-collapse: collapse;
  min-width: 100%;
}

.tableFixHead thead tr {
  background: #ebebeb;
  color: #000;
  position: sticky;
  top: 0;
  z-index: 1;
}
.tableFixHead thead th {
  background-color: #aeaeae5c;
  border-right: 1px solid #212121;
  line-height: 19px;
}

.tableFixHead th,
.tableFixHead td {
  border-right: 1px solid #ccc;
  min-width: 50px;
  margin-left: 0.5rem;
  text-align: left;
  padding: 0.4rem;
}

.tableFixHead th:last-child,
.tableFixHead td:last-child {
  border-right: none;
  border-left: none;
  
}

.tableFixHead th {
  font-weight: normal;
}

.tableFixHead td {
  border-bottom: 1px solid #dfdfdf;
  line-height: 15px;
  font-size: 0.9rem;
}

.tableFixHead tbody tr {
  background: white;
}

.tableFixHead tbody tr:nth-child(2n) {
  background: #f2f2ff;
}

.tableFixHead tbody tr:hover {
  background-color: #b5d7f5;
}

.tableFixHead tbody tr:nth-last-child(2n):hover {
  background-color: #b5d7f5;
}

.tableFixHead tbody tr.make-gold {
  background: #a2b6f8;
  color: #f4f4f4;
}
.tableFixHead tbody tr.make-gold-light {
  background: #d0d0d04d;
  color: #bfbfbf;
}
.tableFixHead tbody tr.make-gold-light2 {
  background: #174ae64d;
  color: #000000;
}
.tableFixHead tbody tr.deshabilitado {
  background: #ff0000;
  color: #ffffff;
}

.tableFixHead tbody tr.deshabilitadoT {
  background: #ffd1d1;
  color: #000000;
  text-decoration: line-through
}

.tableFixHead tfoot {
  position: sticky;
  bottom: 0;
}

.tableFixHead tfoot {
  inset-block-end: 0; /* "bottom" */
}

.tableFixHead tfoot {
  background-color: #ececec;
}

/* Just common table stuff. Really. */
/* table {
  border-collapse: collapse;
  width: 100%;
}
th,
td {
  padding: 8px 16px;
}
th {
  background: #eee;
} */
.no-border {
  border: 0;
  box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

/* Class noStyleRow  + pintarFila */
.pintarFila td {
  background-color: #5592cb;
}

.pintarFila td:not(.customCelda) {
  /* -webkit-text-fill-color: aliceblue; */
  color: aliceblue;
}

/* Overflow Table td */

/* horizontal la fila ocultara el texto con el max width especificado */

/* end Overflow Table td */

/* Overflow div.form-control ocultar texto segun el contenedor  */
.form-control-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* end Overflow div.form-control   */
.div-fixed {
  z-index: 5;
  position: fixed;
  min-height: auto;
  text-align: center;
  word-wrap: break-word;
  width: auto;
  background-color: #fff;
}
/*Seccion Botones*/
/*Guardar*/
.btn-guardar {
  background: #1572e8 !important;
  border-color: #1572e8 !important;
  color: #fff !important;
}

.btn-guardar:disabled,
.btn-guardar:focus,
.btn-guardar:hover {
  background: #59a0fd !important;
  border-color: #4d99fd !important;
}
.btn-border.btn-guardar {
  color: #1572e8 !important;
  border: 1px solid #1572e8 !important;
}
.btn-link.btn-guardar {
  color: #1572e8 !important;
}

.btn-link.btn-guardar:hover {
  color: #1572e8 !important;
}
/*Nuevo*/
.btn-nuevo {
  background: #fbc02d !important;
  border-color: #fbc02d !important;
  color: #000 !important;
}

.btn-nuevo:disabled,
.btn-nuevo:focus,
.btn-nuevo:hover {
  background: #cddc39 !important;
  border-color: #cddc39 !important;
}
.btn-border.btn-nuevo {
  color: #fbc02d !important;
  border: 1px solid #fbc02d !important;
}
.btn-link.btn-nuevo {
  color: #fbc02d !important;
}

.btn-link.btn-nuevo:hover {
  color: #cddc39 !important;
}
/*Editar*/
.btn-editar {
  background: #512da8 !important;
  border-color: #512da8 !important;
  color: #fff !important;
}

.btn-editar:disabled,
.btn-editar:focus,
.btn-editar:hover {
  background: #9178cb !important;
  border-color: #9178cb !important;
}
.btn-border.btn-editar {
  color: #512da8 !important;
  border: 1px solid #512da8 !important;
}
.btn-link.btn-editar {
  color: #512da8 !important;
}

.btn-link.btn-editar:hover {
  color: #512da8 !important;
}
/*Eliminar*/
.btn-eliminar {
  background: #ff3300 !important;
  border-color: #ff3300 !important;
  color: #fff !important;
}

.btn-eliminar:disabled,
.btn-eliminar:focus,
.btn-eliminar:hover {
  background: #fc9c83 !important;
  border-color: #fc9c83 !important;
}
.btn-border.btn-eliminar {
  color: #ff3300 !important;
  border: 1px solid #ff3300 !important;
}
.btn-link.btn-eliminar {
  color: #ff3300 !important;
}

.btn-link.btn-eliminar:hover {
  color: #ff3300 !important;
}
/*Cancelar*/
.btn-cancelar {
  background: #795548 !important;
  border-color: #795548 !important;
  color: #fff !important;
}

.btn-cancelar:disabled,
.btn-cancelar:focus,
.btn-cancelar:hover {
  background: #866a6a !important;
  border-color: #866a6a !important;
}
.btn-border.btn-cancelar {
  color: #795548 !important;
  border: 1px solid #795548 !important;
}
.btn-link.btn-cancelar {
  color: #795548 !important;
}

.btn-link.btn-cancelar:hover {
  color: #795548 !important;
}
/*Cerrar*/
.btn-cerrar {
  background: #51595b !important;
  border-color: #51595c !important;
  color: #fff !important;
}

.btn-cerrar:disabled,
.btn-cerrar:focus,
.btn-cerrar:hover {
  background: #798386 !important;
  border-color: #798386 !important;
}
.btn-border.btn-cerrar {
  color: #51595b !important;
  border: 1px solid #ff3300 !important;
}
.btn-link.btn-cerrar {
  color: #51595b !important;
}

.btn-link.btn-cerrar:hover {
  color: #51595b !important;
}
/*Imprimir*/
.btn-imprimir {
  background: #00bcd4 !important;
  border-color: #00bcd4 !important;
  color: #fff !important;
}

.btn-imprimir:disabled,
.btn-imprimir:focus,
.btn-imprimir:hover {
  background: #09a1e8 !important;
  border-color: #09a1e8 !important;
}
.btn-border.btn-imprimir {
  color: #00bcd4 !important;
  border: 1px solid #00bcd4 !important;
}
.btn-link.btn-imprimir {
  color: #00bcd4 !important;
}

.btn-link.btn-imprimir:hover {
  color: #09a1e8 !important;
}
/*Excel*/
.btn-excel {
  background: #00796b !important;
  border-color: #00796b !important;
  color: #fff !important;
}

.btn-excel:disabled,
.btn-excel:focus,
.btn-excel:hover {
  background: #0097a7 !important;
  border-color: #0097a7 !important;
}
.btn-border.btn-excel {
  color: #00796b !important;
  border: 1px solid #00bcd4 !important;
}
.btn-link.btn-excel {
  color: #00796b !important;
}

.btn-link.btn-excel:hover {
  color: #00796b !important;
}
/*Buscar*/
.btn-buscar {
  background: #388e3c !important;
  border-color: #388e3c !important;
  color: #fff !important;
}

.btn-buscar:disabled,
.btn-buscar:focus,
.btn-buscar:hover {
  background: #74c11d !important;
  border-color: #74c11d !important;
}
.btn-border.btn-buscar {
  color: #388e3c !important;
  border: 1px solid #388e3c !important;
}
.btn-link.btn-buscar {
  color: #388e3c !important;
}

.btn-link.btn-buscar:hover {
  color: #388e3c !important;
}
/*Limpiar*/
.btn-limpiar {
  background: #ff5722 !important;
  border-color: #ff5722 !important;
  color: #fff !important;
}

.btn-limpiar:disabled,
.btn-limpiar:focus,
.btn-limpiar:hover {
  background: #fc7c55 !important;
  border-color: #fc7c55 !important;
}
.btn-border.btn-limpiar {
  color: #ff5722 !important;
  border: 1px solid #ff5722 !important;
}
.btn-link.btn-limpiar {
  color: #ff5722 !important;
}

.btn-link.btn-limpiar:hover {
  color: #ff5722 !important;
}
/*nav deudas 1*/
.btn-nav-deudas {
  background: #ffc107 !important;
  border-color: #ffc107 !important;
  color: #000 !important;
}

.btn-nav-deudas:disabled,
.btn-nav-deudas:focus,
.btn-nav-deudas:hover {
  background: #c7ca7e !important;
  border-color: #c7ca7e !important;
}
.btn-border.btn-nav-deudas {
  color: #ffc107 !important;
  border: 1px solid #ffc107 !important;
}
.btn-link.btn-nav-deudas {
  color: #ffc107 !important;
}

.btn-link.btn-nav-deudas:hover {
  color: #ffc107 !important;
}
/*nav deudas 2*/
.btn-nav-deudas2 {
  background: #f57c00 !important;
  border-color: #f57c00 !important;
  color: #000 !important;
}

.btn-nav-deudas2:disabled,
.btn-nav-deudas2:focus,
.btn-nav-deudas2:hover {
  background: #c7ca7e !important;
  border-color: #c7ca7e !important;
}
.btn-border.btn-nav-deudas2 {
  color: #f57c00 !important;
  border: 1px solid #f57c00 !important;
}
.btn-link.btn-nav-deudas2 {
  color: #f57c00 !important;
}

.btn-link.btn-nav-deudas2:hover {
  color: #f57c00 !important;
}
/*nav arbitrios */
.btn-nav-arbitrios {
  background: #f500cc75 !important;
  border-color: #f500cc75 !important;
  color: #000 !important;
}

.btn-nav-arbitrios:disabled,
.btn-nav-arbitrios:focus,
.btn-nav-arbitrios:hover {
  background: #fe49e035 !important;
  border-color: #fe49e035 !important;
}
.btn-border.btn-nav-arbitrios {
  color: #f500cc75 !important;
  border: 1px solid #f500cc75 !important;
}
.btn-link.btn-nav-arbitrios {
  color: #f500cc75 !important;
}

.btn-link.btn-nav-arbitrios:hover {
  color: #f500cc75 !important;
}
/*Actualizar Djurada desde valorizacion */
.btn-nav-actDJdesdeVal {
  background: #f5267675 !important;
  border-color: #f5267675 !important;
  color: #000 !important;
}

.btn-nav-actDJdesdeVal:disabled,
.btn-nav-actDJdesdeVal:focus,
.btn-nav-actDJdesdeVal:hover {
  background: #fe49e035 !important;
  border-color: #fe49e035 !important;
}
.btn-border.btn-nav-actDJdesdeVal {
  color: #f5267675 !important;
  border: 1px solid #f5267675 !important;
}
.btn-link.btn-nav-actDJdesdeVal {
  color: #f5267675 !important;
}

.btn-link.btn-nav-actDJdesdeVal:hover {
  color: #f5267675 !important;
}
/*Importar de Djurada Año Anterior */
.btn-nav-imp_anio_anterior {
  background: #337afe90 !important;
  border-color: #337afe90 !important;
  color: #000 !important;
}

.btn-nav-imp_anio_anterior:disabled,
.btn-nav-imp_anio_anterior:focus,
.btn-nav-imp_anio_anterior:hover {
  background: rgba(140, 32, 122, 0.208) !important;
  border-color: rgba(140, 32, 122, 0.208)  !important;
}
.btn-border.btn-nav-imp_anio_anterior {
  color: #337afe90 !important;
  border: 1px solid #337afe90 !important;
}
.btn-link.btn-nav-imp_anio_anterior {
  color: #337afe90 !important;
}

.btn-link.btn-nav-imp_anio_anterior:hover {
  color: #337afe90 !important;
}
/*Importar de Djurada Año Seleccionado */
.btn-nav-imp_anio_seleccionado {
  background: #fe336d90 !important;
  border-color: #fe336d90 !important;
  color: #000 !important;
}

.btn-nav-imp_anio_seleccionado:disabled,
.btn-nav-imp_anio_seleccionado:focus,
.btn-nav-imp_anio_seleccionado:hover {
  background: #e9404035 !important;
  border-color: #e9404035  !important;
}
.btn-border.btn-nav-imp_anio_seleccionado {
  color: #fe336d90 !important;
  border: 1px solid #fe336d90 !important;
}
.btn-link.btn-nav-imp_anio_seleccionado {
  color: #fe336d90 !important;
}

.btn-link.btn-nav-imp_anio_seleccionado:hover {
  color: #fe336d90 !important;
}
/*rs*/
.btn-guardar.is-loading:after,
.loader-guardar,
.loader-nuevo,
.loader-warning {
  border-bottom-color: transparent !important;
}
.btn-guardar.is-loading:after,
.btn-nuevo.is-loading:after,
.loader-default {
  border-color: #1a2035;
}

.is-loading-guardar:after,
.loader-guardar {
  border-color: #1572e8;
}
.loader-guardar {
  border-color: #fbc02d;
}