.pointer {
  cursor: pointer;
}

.hidden {
  display: none;
}

.center {
  text-align: center;
}

.dark_modal {
  background-color: #5a5c69;
  color: rgb(240, 237, 237);
}

.st_name_user {
  width: 100%;
  text-align: center;
  font-size: 22px;
  color: rgb(105, 105, 105);
  font-weight: bold;
}

.st_email_user {
  width: 100%;
  text-align: center;
}

.img_users {
  width: 300px;
  border-radius: 20px;
}

.img_users_circle {
  width: 100px;
  border-radius: 50px;
}

.img_payments {
  width: 300px;
  height: 150px;
  border-radius: 20px;
}

.st_data {
  color: rgb(66, 66, 66);
  font-weight: bold;
}

.border_div {
  border: 1px solid rgb(206, 206, 206);
  border-radius: 10px;
}

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

.st_title {
  color: #4e73df;
  font-weight: bold;
}

.btn_status {
  border-radius: 10px;
  height: 12px;
  width: 12px;
}

.ic_new {
  cursor: pointer;
  color: #00c851;
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 0.07s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: parpadeo;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

@-webkit-keyframes parpadeo {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

@keyframes parpadeo {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

.st_back {
  color: #FF0000;
}

:root {
  --color-light: white;
  --color-dark: #212121;
  --color-signal: #1266f1;
  --color-background: var(--color-light);
  --color-text: var(--color-dark);
  --color-accent: var(--color-signal);
  --size-bezel: 0.5rem;
  --size-radius: 4px;
}

.input {
  position: relative;
  width: 100%;
}

.input__label {
  position: absolute;
  cursor: text;
  left: 0;
  top: 0;
  padding: 0px 5px 0px 5px;
  margin: calc(var(--size-bezel) * 1 + 3px) calc(var(--size-bezel) * 0.5);
  background: #ffffff;
  white-space: nowrap;
  transform: translate(0, 0);
  transform-origin: 0 0;
  background: var(--color-background);
  transition: transform 120ms ease-in;
  color: #6e707e;
}

.input__field {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border: 1px solid #d1d3e2;
  padding: 7px 0px 0px 10px;
  color: #1c1c1c;
  background: transparent;
  border-radius: var(--size-radius);
  height: calc(1.5em + 1rem + 4px);
}

.input__field:focus+.input__label, .input__field:not(:placeholder-shown)+.input__label {
  transform: translate(0.25rem, -90%) scale(0.9);
  color: var(--color-accent);
}

.input__field:not(:focus)+.input__label {
  color: #6e707e;
}

.input__field:focus {
  border: 2px solid var(--color-signal);
  outline: none;
}

.content_load {
  width: 100%;
  height: 100%;
  background-color: #00000069;
  position: fixed;
  z-index: 100000;
}

.loader-container {
  width: 150px;
  height: 150px;
  left: 50%;
  top: 50%;
  margin-top: -75px;
  margin-left: -75px;
  position: fixed;
  background-color: #00000069;
  border-radius: 20px;
}

.loader-container .loader1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 70%;
  border: solid 10px transparent;
  border-top-color: turquoise;
  border-left-color: turquoise;
  border-radius: 50%;
  animation: loader1 1.2s linear infinite;
}

.loader-container .loader2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  border: solid 10px transparent;
  border-top-color: blueviolet;
  border-left-color: blueviolet;
  border-radius: 50%;
  animation: loader2 1.8s linear infinite;
}

.loader-container .textLoader {
  position: absolute;
  top: 100%;
  left: 0%;
  width: 100%;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
}

@keyframes loader1 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes loader2 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

.hover_tr:hover {
  background-color: #dedfe4;
  cursor: pointer;
  color: #1c1c1c;
}

.btn_edit_install {
  color: #00c851;
  cursor: pointer;
}

.img_contructions {
  width: 70%;
  border-radius: 20px;
}

.igm_logo_ticket {
  min-width: 600px;
  width: 620px;
  height: 230px;
  border: 1px solid rgb(28, 3, 119);
  border-radius: 10px;
}

.img_profile {
  max-width: 400px;
  max-height: 300px;
  border-radius: 20px;
}

.txt_disabled {
  background-color: #ffffff !important;
}

.txt_bold {
  font-weight: bold;
}

.txt_concepto {
  font-size: 10px;
  color: #fff;
  background-color: rgb(92, 92, 247);
  border-radius: 10px;
  padding: 0px 3px 0px 3px;
}

.txt_refer_data_profile {
  color: #1c1c1c;
  font-weight: bold;
}

.txt_data_profile {
  /* color: #000000; */
  font-style: italic;
}

.border_1 {
  border: 1px solid #00000069;
}

.border_2 {
  border: 1px solid #ff000069;
}

.justify {
  text-align: justify;
}

.txt_titulo {
  font-size: 12px;
  color: #1266f1;
  text-align: center;
  font-weight: bold;
}

.border_meses {
  border: solid 2px #979797;
  border-radius: 10px;
}

.card {
  box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.26);
}

.btn__paquete:hover {
  transform: scale(1.2);
}

.input_descuento {
  font-size: 20px;
  outline: none;
  border: solid 1px #979797;
  border-radius: 5px;
  color: #5a5c69;
  margin: 0 5px 0 5px;
}

.no_opacity {
  opacity: 0 !important;
}

/* .hover_mostrar_botones:hover .mostrar_botones {
  display: block;
}

.hover_mostrar_botones:hover .mostrar_botones {
  display: block;
} */

#click_seleccionar_foto {
  width: 0px;
  height: 0px;
}

.fa_mas:hover {
  transform: scale(1.3);
}

.fa_vdata_close {
  transform: rotate(45deg);
  animation-duration: 3s;
}

.select2-container .select2-selection--single {
  outline: none !important;
  width: 100% !important;
  border-radius: .35rem !important;
  border: 1px solid #d1d3e2 !important;
  height: calc(1.5em + .75rem + 2px) !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #6e707e !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #d1d3e2 !important;
  border-radius: .35rem !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

.select2-search--dropdown .select2-search__field{
  outline: none;
  border-radius: .35rem !important;
}