.loading-overlay {
    display: none;
    background: rgba( 26, 26, 26, 0.7 );
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
}

.loading-overlay-image-container {
    display: none;
    position: fixed;
    z-index: 7;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
}

.loading-overlay-img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}


input.error {
    background: #FBE3E4;
    border-top: 1px solid #e1b2b3;
    border-left: 1px solid #e1b2b3;
    border-right: 1px solid #FBC2C4;
    border-bottom: 1px solid #FBC2C4;
}

select.error {
    background: #FBE3E4;
    border-top: 1px solid #e1b2b3;
    border-left: 1px solid #e1b2b3;
    border-right: 1px solid #FBC2C4;
    border-bottom: 1px solid #FBC2C4;
}

textarea.error {
    background: #FBE3E4;
    border-top: 1px solid #e1b2b3;
    border-left: 1px solid #e1b2b3;
    border-right: 1px solid #FBC2C4;
    border-bottom: 1px solid #FBC2C4;
}




.myUL {
    /* Remove default list styling */
    list-style-type: none;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index:5;
  }
  
  .myUL li a {
    border: 1px solid #ddd; /* Add a border to all links */
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6; /* Grey background color */
    padding: 18px; /* Add some padding */
    text-decoration: none; /* Remove default text underline */
    font-size: 14px; /* Increase the font-size */
    color: black; /* Add a black text color */
    position:relative;
    display: block; /* Make it into a block element to fill the whole list */
   
  }
  
  .myUL li a:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */
  }


    .myUL li a:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */
  }



  .highli:not(.header){

    background-color: #eee; /* Add a hover effect to all links, except for headers */
  }





  .myULe {
    /* Remove default list styling */
    list-style-type: none;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index:5;
  }
  
  .myULe li a {
    border: 1px solid #ddd; /* Add a border to all links */
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6; /* Grey background color */
    padding: 18px; /* Add some padding */
    text-decoration: none; /* Remove default text underline */
    font-size: 14px; /* Increase the font-size */
    color: red; /* Add a black text color */
    display: block; /* Make it into a block element to fill the whole list */
    position:relative;
    z-index:5;
  }
  
  .myULe li a:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */
  }