body{

      }

      a{
          text-decoration: none;
      }



      .form-signin{
          margin-top: 20px !important;
          border: 3px solid rgb(233, 233, 233);
          background-color: #f8f9fa;
          border-radius: 10px;
      }
      
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }


      .form-signin {
        width: 100%;
        max-width: 420px;
        padding: 15px;
        margin: auto;
      }



      .form-label-group {
        position: relative;
        margin-bottom: 1rem;
      }

      .form-label-group > input,
      .form-label-group > select,
      .form-label-group > label {
        height: 3.125rem;
        padding: .75rem;
      }

      .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        color: #495057;
        pointer-events: none;
        cursor: text; /* Match the input under the label */
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: all .1s ease-in-out;
      }

      .form-label-group input::-webkit-input-placeholder, .form-label-group select::-webkit-select-placeholder {
        color: transparent;
      }

      .form-label-group input::-ms-input-placeholder, .form-label-group select::-ms-select-placeholder {
        color: transparent;
      }

      .form-label-group input::-moz-placeholder, .form-label-group select::-moz-placeholder{
        color: transparent;
      }

      .form-label-group input::placeholder, .form-label-group select::placeholder {
        color: transparent;
      }

      .form-label-group input:not(:-moz-placeholder-shown), .form-label-group select:not(:-moz-placeholder-shown) {
        padding-top: 1.25rem;
        padding-bottom: .25rem;
      }

      .form-label-group input:not(:placeholder-shown), .form-label-group select:not(:placeholder-shown) {
        padding-top: 1.25rem;
        padding-bottom: .25rem;
      }

      .form-label-group input:not(:-moz-placeholder-shown) ~ label, .form-label-group select:not(:-moz-placeholder-shown) ~ label {
        padding-top: .25rem;
        padding-bottom: .25rem;
        font-size: 12px;
        color: #777;
      }

      .form-label-group input:not(:placeholder-shown) ~ label, .form-label-group select:not(:placeholder-shown) ~ label {
        padding-top: .25rem;
        padding-bottom: .25rem;
        font-size: 12px;
        color: #777;
      }





      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }





           /* Fallback for Edge
      -------------------------------------------------- */
      @supports (-ms-ime-align: auto) {
        .form-label-group > label {
          display: none;
        }
        .form-label-group input::-ms-input-placeholder {
          color: #777;
        }
      }
      #image_photoPrincipal  {
    width: 150px;
    }