/*  CSS GLOBALES  */
@font-face {
  font-family: "Energy-bold";
  src: url("../fonts/Energy-Bold.ttf") format("truetype");
  /* Puedes ajustar la ruta y el formato según corresponda */
}
@font-face {
  font-family: "Energy-display";
  src: url("../fonts/EnergyDisplay.ttf") format("truetype");
  /* Puedes ajustar la ruta y el formato según corresponda */
}
@font-face {
  font-family: "Energy-bold-italic";
  src: url("../fonts/Energy-BoldItalic.ttf") format("truetype");
  /* Puedes ajustar la ruta y el formato según corresponda */
}
@font-face {
  font-family: "Energy-light";
  src: url("../fonts/Energy-Light.ttf") format("truetype");
  /* Puedes ajustar la ruta y el formato según corresponda */
}
@font-face {
  font-family: "Energy-regular";
  src: url("../fonts/Energy-Regular.ttf") format("truetype");
  /* Puedes ajustar la ruta y el formato según corresponda */
}
@font-face {
  font-family: "Energy-light-italic";
  src: url("../fonts/Energy-LightItalic.ttf") format("truetype");
  /* Puedes ajustar la ruta y el formato según corresponda */
}

@font-face {
  font-family: "Ebrima-bold";
  src: url("../fonts/ebrima-bold.ttf") format("truetype");
  /* Puedes ajustar la ruta y el formato según corresponda */
}
@font-face {
  font-family: "Ebrima";
  src: url("../fonts/ebrima.ttf") format("truetype");
  /* Puedes ajustar la ruta y el formato según corresponda */
}

h1{
  font-family: "Ebrima-bold", sans-serif !important;
}
h2,h3,h4{
  font-family: "Ebrima-bold",sans-serif !important;
}
p{
  font-family: "Ebrima-bold",sans-serif !important;
}
b{
  font-family: "Ebrima-bold",sans-serif !important;
}
a{
  font-family: "Ebrima-bold",sans-serif !important;
}
h5{
  font-family: "Ebrima-bold", sans-serif !important;
}
h6{
  font-family: "Ebrima-bold",sans-serif !important;
}
span{
  font-family: "Ebrima-bold",sans-serif;
}

/* CSS Document */

.margenes {
  margin-top: 10px;
  margin-bottom: -10px;
  font-family: Tahoma, Geneva, sans-serif;
  color: black;
}

.esgris {
  color: #666;
}

.k-window {
  z-index: 10000 !important;
}

.k-overlay {
  z-index: 9999 !important;
}


.uk-tooltip {
  z-index: 1350;
}

.etiqueta {
  font-size: 12px;
  color: gray;
  position: absolute;
  margin-top: -1%;
  z-index: 5;
}

.agregar_detalle_input div .md-input-wrapper {
  max-width: 500px;
}

.det_back_inp {
  border: solid 1px #cecece !important;
  border-radius: 3px !important;
}

.listado-bottom-detalles {
  border-bottom: solid 1px #cecece;
}

.check_detalles {
  display: flex;
  justify-content: center;
}

.card-list-check {
  padding: 25px;
  border: solid 2px #c5c5c5;
  border-radius: 10px;
}

.botones_anchor_dos {
  width: 11% !important;
}

#form_nuevotarjetas {
  padding-bottom: 20px;
  border-bottom: solid 1px #d0d0d0;
}

.dropify-input::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #084cdf;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

.dropify-input::file-selector-button:hover {
  background: #0d45a5;
}

.dropify-input {
  margin-top: 25px;
  min-width: 350px;
  background-color: white !important;
}

.span_check {
  padding: 10px;
  background: #2a97fc;
  border-radius: 20px;
  color: white;
}

.span_ban {
  padding: 10px;
  background: #fc2a2a;
  border-radius: 20px;
  color: white;
}

.iconos_activos_det {
  display: flex;
  align-items: baseline;
}

.selectize-dropdown-content .option:hover {
  transition: 0.2s;
  background-color: #d0d0d0;
}

#depa_option,
#obs_option {
  position: absolute;
  width: 100%;
  top: 85px;
  left: 0;
  visibility: visible;

}

#depa_option {
  z-index: 50;
}

#obs_option {
  z-index: 45;
}

.depa_option_visible {
  display: block !important;
}

#boton_inicio_tarjeta {
  display: flex;
  justify-content: center;
}

#inicado_segunda_capsula {
  display: block;
}

.encabezado_tarjeta {
  display: flex;
}

.encabezado_tarjeta_texto {
  width: 75%;
}

.encabezado_tarjeta_logo {
  width: 25%;
}

.cuerpo_tarjeta {
  display: flex;
  margin: 20px 0;
  text-align: initial;
  align-items: center;
}

.cuerpo_tarjeta h4 {
  margin: 0;
}

.cuerpo_tarjeta p {
  padding: 0 10px;
  align-self: center;
  border-bottom: solid 1px;
  font-size: 16px;
}

.etiquetas_grid {
  margin: 0 8%;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 15px;
}

.el_grid_de_las_etiquetas {
  text-align: initial;
  display: grid;
  grid-template-columns: 50px 90%;
  align-items: center;
}

.el_grid_de_las_etiquetas p {
  margin: 5px;
}

.cuerpo_tarjeta_txtarea {
  display: flex;
  margin: 20px 0;
  flex-direction: column;
  align-items: center;
}

.cuerpo_tarjeta_txtarea p {
  text-align: initial;
  text-decoration: underline;
}

.texto_check {
  width: 85%;
}

.btn-imprimir-pdf a{
  padding: 10px 55px;
  border: solid 2px #FF007F;
  border-radius: 50px;
  color: black;
}
.btn-imprimir-pdf a:hover{
  padding: 10px 55px;
  border: solid 2px #ff008000;
  border-radius: 50px;
  background: linear-gradient(35deg, rgba(196,25,116,1) 0%, rgba(255,0,127,1) 50%, rgba(255,89,61,1) 100%);
  color: white;
  transition: 0.2s;
}