* {
      margin: 0;
      padding: 0;
    }

    .result {
      background-color: green;
      color: #fff;
      padding: 20px;
    }

    .row {
      display: flex;
    }

    body {
      background-image: url(../img/bgmobil.jpg);
      background-repeat: no-repeat;
      background-size: cover;
    }

    @media(min-width: 768px) {
      body {
        background-image: url(../img/carousel-1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
      }
    }

    /* Para navegadores basados en WebKit (Chrome, Safari, Edge) */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Para Firefox */
    input[type="number"] {
      -moz-appearance: textfield;
    }

    .fondo {
      background: #0000004d;
      height: 100vh;
    }

    .cards h2 {
      font-weight: bold;
      text-transform: uppercase;
      color: #fff;
      font-size: 1.7rem;
    }

    .cards .card {
      transition: 0.3s ease-in-out;
    }

    .cards .card:hover {
      cursor: pointer;
      background-color: red;
      transform: scale(1.1);
    }

    .cards .bg-primary:hover {
      cursor: pointer;
      background-color: #094fb8 !important;
      transform: scale(1.1);
      color: #bcbcbc !important;
    }

    .cards .bg-secondary:hover {
      cursor: pointer;
      background-color: #6c757d !important;
      transform: scale(1.1);
      color: #bcbcbc !important;
    }

    #reader__dashboard_section_swaplink {
      display: none !important;
    }

    .nav-pills .nav-link {
      color: gray;
    }

    .required:after {
      content: "*";
      position: relative;
      font-size: inherit;
      color: var(--bs-danger);
      padding-left: 0.25rem;
      font-weight: 600;
    }

    .form-control {
      border-radius: 0.75rem;
    }

    .text-bold {
      font-weight: bold;
    }

    .card-radio p {
      font-size: 15px;
    }

    /*   #reader__scan_region{
                    background: url(views/assets/plugins/qrcode/escaneo.gif);
                    background-repeat: no-repeat;
                    background-position: center;
                }*/

.form-floating  .select2-container--default .select2-selection--single{
      border-radius: 0.75rem;
    height: 58px;
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}
.form-floating .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
    padding-left: 13px;
}