@font-face {
  font-family: Avenir;
  src: url("../../public/tipografia/AvenirLTStd-Book.otf");
}

@font-face {
  font-family: Avenir-bold;
  src: url("../../public/tipografia/AvenirLTStd-Black.otf");
}

body {
  font-family: Avenir !important;
}

.sidebar-dark-primary .sidebar a {
  color: #fff !important;
}

.content {
  background-color: #fff;
  padding-top: 30px !important;
  padding-bottom: 20px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.btn-custom-primary {
  height: 40px !important;
  width: 100%;
  --mdc-theme-primary: #e6963e;
  --mdc-theme-on-primary: #ffffff;
}

.btn-success {
  background-color: #5fc449;
  color: #fff !important;
  border: 1px solid #5fc449;
}

.badge-success {
  background-color: #5fc449;
  color: #fff !important;
  border: 1px solid #5fc449;
}


/*tablas reportes*/
th {
  border-left: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
}


/*cards*/

.sub-titulo-card {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #666;
  margin: 7px 0px 0px 10px;
}

.card-body {
  padding: 7px 10px 7px 10px;
}

.form-group {
  margin-bottom: 5px !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #FFFFFF !important;
  border-radius: 1px solid #404549;
}

.nav-tabs .nav-link:not(.active) {           
  color: #085AC4 !important;                 
  opacity: .65;
}
.nav-tabs .nav-link:not(.active):hover {
  opacity: .95;
}

.nav-tabs .nav-link.disabled {
  color: #6F7782 !important;                
  pointer-events: none;
  opacity: .6;
}

/* opciones para registros de tabla*/
.options-table {
  width: 100%;
  margin-top: 7px;
}

.options-table button,
.options-table a {
  margin: 0px 3px !important;
  padding: 1px 4px 0px 4px !important;
  font-size: 13px;
}

.options-table button i,
.options-table a i {
  font-size: 13px;
}

.options-table .btn-short {
  width: 30px;
  padding: 5px 8px 4px 8px !important;
}

.card-title {
  font-size: 15px !important;
}

form label {
  margin-bottom: 3px !important;
}

.form-group {
  margin-bottom: 15px !important;
}

.card-header-principal {
  background-color: #3C3C3B !important;
  color: #FFFFFF !important;
  border-radius: 1px solid #3C3C3B;
}

.card-header-principal h3 {
  font-weight: 700 !important;
  font-size: 18px !important;
}

.pre-img-user {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
}

.detail-title-view {
  font-family: Avenir-bold;
}

.detail-container {
  border-left: 3px solid #a3d2e3;
  padding: 10px;
  margin-bottom: 10px;
}

.item-detail {
  background: #EFEFEF;
  border-radius: 5px;
  padding: 5px 10px;
  width: 100%;
}

.additional-info {
  color: #6F7782;
  font-size: 15px;
}


.remarks-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}

.color-square {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  margin-right: 8px;
  background-color: #ffffff;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  /* Fondo semitransparente */
  z-index: 9999;
  /* Asegúrate de que esté por encima de otros elementos */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Contenido del overlay (spinner y texto) */
.overlay-content {
  text-align: center;
  color: white;
}

.card-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
  /* Fondo blanco semitransparente */
  z-index: 2;
}

/* Boton Eliminar */
.btn-eliminar {
  width: 45px;
  margin: 0 10px;
  color: #fff;
  padding: 0.375rem 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}