:root {

    --active: rgb(84, 206, 84);
    --expiring: rgb(255, 136, 24);
    --expired: rgb(233, 44, 44);
    --expired: rgb(233, 44, 44);
    --unlisted: rgb(152, 90, 211);
    --error:  rgb(161, 255, 227);

}

.main {

    max-width: 1300px;
    min-width: 400px;

    /*background-color: red;*/

    margin: auto;
    margin-top: 60px;

    padding-left: 10%;
    padding-right: 10%;

}

.inso_divider { height: 16px; }

.inso_divider_half { height: 8px; }

.inso_divider_quart { height: 4px; }


input::placeholder {
    color: #454483a8 !important;
}

textarea::placeholder {
    color: #454483a8 !important;
}

/* Force any rogue <a> tags back into the layout */
a[href]:empty {
    position: relative;
    display: inline-block;
  }



  /* Tooltip Styles */
  #copy-tooltip {
    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    z-index: 1000;
    display: none; /* Initially hidden */
    animation: fadeInOut 2s ease-in-out;
}

/* Fade-in and fade-out animation */
@keyframes fadeInOut {
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}