@media only screen and (max-width: 600px)
         {
              .dropdown
           {
                width:10%;
           }
        }
         @media only screen and (max-width: 600px)
         {
              .dropdown-content
           {
                margin-left: -45px;
           }
        }
        
    .dropdown:hover{
        text-decoration:underline;
    }
    .dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  font-size: 0.70rem;
  width: max-content;
  display: none;
  position: absolute;
  background-color: #212529;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #005BFF;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
      .listItem 
      { 
   max-height: 100px;
    overflow: auto;
    list-style:none;
    top: 82px !important;
    left: 930px !important;
    width: 300px! important;
}
      
     .container {
    max-width: 1168px !important;
}

   .completionListElement {
    width: 285px !important;
    padding-left: 1px;
    background-color: white;
    visibility: hidden;
    margin: 0px!important;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    text-align: left;
    list-style-type: none;
    color: #424242;
    font-family: Arial;
    font-size: 11px;
    z-index: 100001;
}

        .liapplist {
            width:100% !important;
        }
        .ticker {
          overflow: hidden;
          position: relative;
        }

        .marquee-text {
          display: inline-block;
          white-space: nowrap;
          padding-left: 100%;
          animation: marqueeScroll 80s linear infinite;
          color: #fff; /* keeps text white */
        }

        @keyframes marqueeScroll {
          0% {
            transform: translateX(0%);
          }
          100% {
            transform: translateX(-100%);
          }
        }

        #btnTick {
            width: 26px;
            height: 24px;
            border: 1px solid #999;
            background: #f5f5f5;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            padding: 0;
            line-height: 26px;
            text-align: center;
            border-radius: 3px;
        }

    #btnTick:hover {
        background: #e6e6e6;
    }
    


    .ticker {
          overflow: hidden;
          position: relative;
        }

.ticker-wrapper {
    display: flex;
    align-items: center;   /* PERFECT vertical alignment */
    width: 100%;
}

/* ticker area */
.ticker-container {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
}

/* scrolling content */
.ticker-content {
    display: inline-block;
    padding-left: 100%;
    animation: ticker-scroll linear infinite;
    line-height: 40px;   /* FIX vertical alignment */
}

/* animation */
@keyframes ticker-scroll {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

/* pause on hover */
.ticker-container:hover .ticker-content {
    animation-play-state: paused;
}

/* fix table alignment 
.ticker-content td {
    vertical-align: middle;
}*/

/* buttons */
.ticker-buttons {
    display: flex;
    align-items: center;  /* align with ticker */
    gap: 3px;
    margin-left: 1px;
    margin-top: -9px;
}

/* text styles */
.TickerText {
    font-family: Arial;
    font-size: 14px;
    color: #333;
}
    .TickerText a {
       color: #002d62;
    }
    .TickerText tr td {
    font-size: 14px;
}
    #pipe {
        color: #002d62;
    }
.TextGreen {  color: green;font-family: Arial; font-size: 14px; }
.TextRed { color: #EE0000;font-family: Arial; font-size: 14px; }

    #btnTicker {
        width: 28px;
        height: 28px;
        border: 1px solid #999;
        background: #f5f5f5;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        line-height: 26px;
        text-align: center;
        border-radius: 3px;
    }

    #btnTicker:hover {
        background: #e6e6e6;
    }