.publicLinksContainer{
  background: var(--tools-gradient-bgColor); 
}
.publicLinksContainer h1{
  color: var(--uni-light-fontColor) !important; 
}
.publicLinksContainer:hover h1{
  text-shadow: 0 0 5px rgb(177, 173, 173), 0 0 10px rgba(201, 197, 197, 0.8), 0 0 15px rgba(211, 208, 208, 0.7); /* Glowing text */
 transition: all 1.9s ease;
}

.public-links-container {
  width: 100%;
  max-width: 600px;
  margin: auto;
  padding: 10px;
 /* background: var(--tools-gradient-bgColor); */
 /* background: rgb(8, 8, 8); */
 border-radius: 8px;
}

ul#public-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.public-link-item {
  display: block;
  /* 
    display: flex;
    justify-content: space-between; */
  align-items: left;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 8px;
  border-radius: 5px;
  background: #dbd9d9;
  width: 100% !important;
  box-sizing: border-box; /* Include padding and border in the width */
}

.public-link-item a {
  text-decoration: none;
  color: #007bff;
  font-weight: bold;
}
.public-link-item span {
  text-decoration: none;
  color: #070707;
  font-weight: bold;
}
.name-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: auto; /* Add space between name-row and description-row */
    width: 100% !important;
  }
  
  .name {
    text-decoration: none;
    color: #070707;
    font-weight: bold;
    white-space: nowrap; /* Prevent the name from wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis if the text overflows */
    flex-shrink: 1; /* Allow the name to shrink if necessary */
    margin-right: 10px; /* Add some space between the name and button */
    width: 70%;
  }

.copy-btn {       
    color: rgb(12, 11, 11);
    border: none;
    padding: 5px 5px;
    border-radius: 3px;
    cursor: pointer;
    background: none; /* Remove default button background */
    flex-shrink: 0; /* Prevent the button from shrinking */
    width: 10%;
}

.copy-btn:hover {
  color: #1e8504;
  text-shadow: 
    0 0 5px #1e8504, /* Inner glow */
    0 0 10px #1e8504, /* Middle glow */
    0 0 20px #1e8504; /* Outer glow */
  transition: text-shadow 0.3s ease; /* Smooth transition for the glow effect */
  
}
.container-redirect-btn {       
    color: rgb(245, 239, 239);
    border: none;
    padding: 0 5px;
    border-radius: 3px;
    cursor: pointer;
    background: none; /* Remove default button background */
    flex-shrink: 0; /* Prevent the button from shrinking */
    width: 10%;
    float: right;
    text-align: end;
}

.container-redirect-btn:hover {
  color: #1e8504;
  text-shadow: 
    0 0 5px #1e8504, /* Inner glow */
    0 0 10px #1e8504, /* Middle glow */
    0 0 20px #1e8504; /* Outer glow */
  transition: text-shadow 0.3s ease; /* Smooth transition for the glow effect */
  
}
.description-row {
    text-align: left; /* Ensure description is left-aligned */
    width: 100% !important;
  }
  
  .description {
    text-decoration: none;
    color: #070707;
    font-weight: normal; /* Adjust font weight if needed */
    font-size: 14px !important;
  }
  .redirect-btn {       
    color: rgb(12, 12, 12);
    border: none;
    padding: 0;
    border-radius: 3px;
    cursor: pointer;
    background: none; /* Remove default button background */
    flex-shrink: 0; /* Prevent the button from shrinking */
    width: 10%;
}

.redirect-btn:hover {
  color: #1e8504;
  text-shadow: 
    0 0 5px #1e8504, /* Inner glow */
    0 0 10px #1e8504, /* Middle glow */
    0 0 20px #1e8504; /* Outer glow */
  transition: text-shadow 0.3s ease; /* Smooth transition for the glow effect */
  
}

  /** Tablet / ipads(portrait and landscape **/
  @media only screen and  (width > 1460) {
  
   
    }
  @media only screen and  (min-width: 1201px) and (max-width: 1459px) {
  
    }

  @media only screen and (min-width: 961px) and (max-width: 1200px){



  }
  @media only screen and (min-width: 768px) and (max-width: 960px){
   
    
   
   
}

 /** smaller Tablet / ipads(portrait and landscape **/
@media only screen and (min-width: 569px) and (max-width: 767px){
 
  
}
/** **/

/** smartphone  **/
 /** (portrait and landscape **/

@media only screen and (min-width: 240px) and (max-width: 568px){
 

}

/**Custom CSS sizes **/
/** Dialog responsive css **/
@media only screen and (min-width: 700px) and (max-width: 718px){

  }
@media only screen and (min-width: 695px) and (max-width: 915px){

 
}
@media screen and (min-width: 484px) and (max-width: 694px){
  
  }
@media screen and (width < 483px){
 
  }

/** **/