/* Custum circular buttons in bootstrap 4  */
.btn-circle.btn-sm {
	width: 30px;
	height: 30px;
	padding: 6px 0px;
	border-radius: 15px;
	font-size: 8px;
	text-align: center;
}
.btn-circle.btn-md {
	width: 50px;
	height: 50px;
	padding: 7px 10px;
	border-radius: 25px;
	font-size: 10px;
	text-align: center;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 12px;
	text-align: center;
}

.table-dashed-initial{
	border-color: black !important;
	border-width: 2px !important;
	border-style: none none dashed none !important;
	margin-bottom: 30px;
}

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

/* Pagination */
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination>li {
	display: inline;
}
.pagination>li>a {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	background-color: #969596;
	border: 1px solid #808080;
}
.pagination>li>a {
	cursor: pointer;
}
.pagination>.active>a {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #EA07AD;
	border-color: #EA07AD;
}
.disabled {
	background-color: #C0C0C0 !important;
}
.disabled>a {
	cursor: default !important;
	color: #C0C0C0 !important;
}
/* Button */
.btn-integrity {
	color: #ffffff;
	background-color: #611BBD;
	border-color: #130269;
  }

  .btn-integrity:hover,
  .btn-integrity:focus,
  .btn-integrity:active,
  .btn-integrity.active,
  .open .dropdown-toggle.btn-integrity {
	color: #ffffff;
	background-color: #49247A;
	border-color: #130269;
  }

  .btn-integrity:active,
  .btn-integrity.active,
  .open .dropdown-toggle.btn-integrity {
	background-image: none;
  }

  .btn-integrity.disabled,
  .btn-integrity[disabled],
  fieldset[disabled] .btn-integrity,
  .btn-integrity.disabled:hover,
  .btn-integrity[disabled]:hover,
  fieldset[disabled] .btn-integrity:hover,
  .btn-integrity.disabled:focus,
  .btn-integrity[disabled]:focus,
  fieldset[disabled] .btn-integrity:focus,
  .btn-integrity.disabled:active,
  .btn-integrity[disabled]:active,
  fieldset[disabled] .btn-integrity:active,
  .btn-integrity.disabled.active,
  .btn-integrity[disabled].active,
  fieldset[disabled] .btn-integrity.active,
  .btn-integrity-outline.disabled,
  .btn-integrity-outline[disabled],
  fieldset[disabled] .btn-integrity-outline,
  .btn-integrity-outline.disabled:hover,
  .btn-integrity-outline[disabled]:hover,
  fieldset[disabled] .btn-integrity-outline:hover {
	color: #ffffff;
	background-color: #C0C0C0;
	border-color: #C0C0C0;
	opacity: 1;
	cursor: not-allowed;
  }

  .btn-integrity .badge {
	color: #611BBD;
	background-color: #ffffff;
  }

  /* Secondary / lower-emphasis variant: same brand color, lighter weight.
     Use for read-only actions (downloads, envíos) so they don't compete
     visually with state-changing actions (Timbrar, Generar, Retimbrar). */
  .btn-integrity-outline {
	color: #611BBD;
	background-color: #ffffff;
	border-color: #611BBD;
  }

  .btn-integrity-outline:hover,
  .btn-integrity-outline:focus,
  .btn-integrity-outline:active,
  .btn-integrity-outline.active {
	color: #ffffff;
	background-color: #611BBD;
	border-color: #611BBD;
  }

/* Stat tile: non-interactive KPI counter (not a button, no action) */
.stat-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 100%;
  padding: 6px 8px;
  cursor: default;
}

.stat-tile-label {
  font-size: 0.8rem;
  color: #6c757d;
  text-align: center;
}

.stat-tile-value {
  font-size: 0.95rem;
}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}

.form-inline label {
  justify-content: flex-start;
}