body{
   padding-bottom: 20px; 
}

.perfil-menu{
            justify-content: center;
            align-items: center;
            width: 40px;
            height:40px;
      overflow: hidden; 
      position: relative;
}
.img-perfil{
        max-width: 100%;
        max-height: auto%;
      object-fit: contain;
    }
.img-t{
    position: relative;
      max-width: auto;
      height: 375px;
      overflow: hidden; 
      border-width: 2px;
      display: flex; 
            justify-content: center; 
            align-items: center; 
}
    .img-foto{
        width: 100%;
        max-height: auto;
      object-fit: contain;
      
        
    }

    
    #scanner-container {
    position: relative;
      max-width: 100%;
      max-height: 400px; 
      overflow: hidden; 
    }
    #video {
    width: 100%;
      height: 400px;
      object-fit: contain; 
    }
    

    .textarea-container textarea {
      height: 100%; 
      min-height: 100px; 
      resize: none; 
    }


    .custom-input {
      border-width: 2px;
      
    }

  .textarea-container {
      position: relative;
      width: 100%;
      height: 75%;
    }

    @media (max-width: 767px) {
      .textarea-container {
        height: 50%;
      }
    }

    
    .switch {
      position: relative;
      display: inline-block;
      width: 70px;
      height: 36px;
    }
    
    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }
    
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }
    
    .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 10px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }
    
    input:checked + .slider {
      background-color: #2196F3;
    }
    
    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }
    
    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }


    
    
    .slider.round {
      border-radius: 3px;
    }
    
    .slider.round:before {
      border-radius: 50%;
    }
    
    .hscroll {
      overflow-x: auto; /* Horizontal */
    }