/* Estilo para el botón flotante */ 
.floatingdos-button {
    position: fixed;
    top: 1px;
    right: 2px;
    background: transparent; /*transparent*/
    border: none;
    width: 216px;
    height: 62px;
    cursor: pointer;
    z-index: 9999;
}
/* Estilo para el modal */
.modaldos {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 9998;
}

.modaldos-content {
    position: absolute;
    top: 47%;
    left: 53%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    height: 702px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    max-width: 855px; 
    max-height: 600px; 
}

.closedos {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    background-color: red;
    color: white;
    width: 20xp;
    text-align:center;
}

   .configurarfoto{
   top: 1px;
     left: -5 px;
     position: relative;
     width: 816px;  
     height: 400px;          
    }

/*++++++++++++++++++++++++ Estilo para el modal */




#myBtn{
    position:fixed;
    width:78px;
    height:65px;
    bottom:30px;
    right:20px;
    background-color:#0052BD;
    color:#FFF;
    border-radius:40px;
    text-align:center;
    font-size:35px;
    box-shadow: 2px 2px 2px #5E86BD;
    z-index:10;
     left: 13px; 
}

.AyudaBot{
    position:fixed;
    width:73px;
    height:60px;
    bottom:33px;
    right:20px;
    background-color:#0052BD;
    color:#FFF;
    border-radius:40px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 2px #5E86BD;
    z-index:10;
     left: 15px; 
}


body {font-family: Arial, Helvetica, sans-serif;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  padding-top: 80px; /* Location of the box */
  left: 0;
  top: 0;
  width: 10%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    background-color: red;
    color: white;
    width: 20xp;
    text-align:center;
}

.close:hover,
.close:focus {
    text-decoration: none;
    color: #0052BD;
  background-color:#1ED701;
}

.chatbot{
    width: 80%;
    
}