h1.satmap-header {
    -webkit-text-stroke: 1px black;
    color: orange;
    font-weight: bold;
    font-size:40pt;
    text-shadow:
            3px 3px 0 #000,
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;
    position: absolute;
    top: 10px;
}

@media screen and (min-width: 601px) {
    h1.satmap-header {
        font-size: 40pt;
    }
}

@media screen and (max-width: 600px) {
    h1.satmap-header {
        font-size: 30pt;
    }
}

h4.satmap-subheader {
    -webkit-text-stroke: 1px black;
    color: white;
    font-weight: bold;
    font-size: 24pt;
    text-shadow:
            3px 3px 0 #000,
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;
    position: absolute;
    bottom: 20px;
    margin-left: 5px;
}


@media screen and (min-width: 601px) {
    h4.satmap-subheader { font-size: 24pt;}
}

@media screen and (max-width: 600px) {
    h4.satmap-subheader { font-size: 18pt; }
}

.subscription-button-inner-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.subscription-button-inner-container-text{
    display: flex;
    flex-basis: 65%;
    align-items: center;
    justify-content: space-evenly;
}

.subscription-button-inner-container-price{
    display: flex;
    flex-basis: 10%;
    justify-content: center;
}

.subscription-button-inner-container-image{
    flex-basis: 25%;
    display: flex;
    justify-content: center;
}

.subscription-button-inner-container-image img{
    max-width: 85%;
}

.single-buy-button{
    background-color: transparent;
    border: none;
    outline: none;
    color: white;
    width: 100%;
    cursor: pointer;
    margin: 1% 0;
}

.single-buy-button:focus,
.single-buy-button:active {
    border: none; /* Remove border on focus and active */
    outline: none; /* Remove outline on focus */
  }

.single-buy-button-inner-container{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.single-buy-button-inner-container-text{
    display: inline;
    font-size: 0.78rem;
}

.single-buy-button-inner-container-price{
    display:inline;
    font-size: 0.78rem;
}

.number-of-tokens {
    font-size: 30pt;
}

a.quick-link:visited {
    color: lightblue;
}

.jumbotron {
    position:relative;
    z-index: 2;
    box-shadow: 0 8px 16px -6px black;
}

.satmap-shadow {
    z-index: 2;
    text-shadow: 2px 2px 6px #888;
}

.satmap-card {
    background-color: #0f0f0f;
    color: white;
}

.satmap-owned {
    color: #606060;
}

.satmap-orange {
    color: orange;
}

.satmap-red {
    color: #ff8888;
}

.satmap-error {
    color: red;
}

.satmap-white {
    color: white;
}

.satmap-black {
    color: black;
}

.satmap-online {
    color: green;
}

.satmap-bright-green {
    color: limegreen;
}

.satmap-offline {
    color: red;
}

.satmap-yellow {
    color: yellow;
}

.satmap-inactive-subscription {
    color: #aaaaaa;
}

.satmap-grid-data {
    color: white;
}

.satmap-edit a:link, .satmap-edit a:visited, .satmap-edit a:active {
    color: white;
}

.send-to-shopify a:link, .send-to-shopify a:visited, .send-to-shopify a:active {
    color: limegreen;
}

.sent-to-shopify a:link, .sent-to-shopify a:visited, .sent-to-shopify a:active {
    color: yellow;
}

.satmap-edit a:hover {
    color: orange;
    text-decoration: none;
}

.satmap-nowrap {
    white-space: nowrap;
}

.satmap-right-align {
    text-align: right;
}

.satmap-hr {
    height: 2px;
    color: lightgray;
    background-color: lightgray;
    border: none;
}

.satmap-modal-wide {
    min-width: auto;
    max-width: fit-content;
}

.satmap-sortable {
}

.satmap-white h6 {
    color: orange;
}

.satmap-dns {
    display: none;
}

.satmap-new {
    color: yellow;
}

.satmap-on-hold {
    color: darkgrey;
}

.satmap-with-customer {
    color: cadetblue;
}

.satmap-with-satmap-high-priority {
    color: red;
}

.satmap-with-satmap-medium-priority {
    color: orange;
}

.satmap-with-satmap-low-priority {
    color: brown;
}

.satmap-resolved {
    color: forestgreen;
}

.satmap-archived {
    color: dimgray;
}

.satmap-with-satmap-low-priority {
    color: darkgreen;
}

.satmap-bg-new, .satmap-bg-new:disabled {
    background-color: yellow;
    color: black;
}

.satmap-bg-on-hold, .satmap-bg-on-hold:disabled {
    background-color: darkgrey;
    color: black;
}

.satmap-bg-with-customer, .satmap-bg-with-customer:disabled {
    background-color: cadetblue;
    color: white;
}

.satmap-bg-with-satmap-high-priority, .satmap-bg-with-satmap-high-priority:disabled {
    background-color: red;
    color: white;
}

.satmap-bg-with-satmap-medium-priority, .satmap-bg-with-satmap-medium-priority:disabled {
    background-color: orange;
    color: white;
}

.satmap-bg-with-satmap-low-priority, .satmap-bg-with-satmap-low-priority:disabled {
    background-color: brown;
    color: white;
}

.satmap-bg-resolved, .satmap-bg-resolved:disabled {
    background-color: forestgreen;
    color: white;
}

.satmap-bg-with-satmap-low-priority, .satmap-bg-with-satmap-low-priority:disabled {
    background-color: darkgreen;
    color: white;
}

.satmap-bg-archived, .satmap-bg-archived:disabled {
    background-color: dimgray;
    color: white;
}

.satmap-receipt, .satmap-receipt:disabled {
    background-color: black;
    font-size: large;
    font-weight: bold;
    color: white;
    text-align: center;
}


.satmap-note-header {
    font-size: x-large;
    font-weight: bold;
    color: white;
    vertical-align: center;
}

.satmap-note-date {
    font-size: large;
    color: white;
    vertical-align: center;
}

.cm-message-note, .cm-message-note:disabled {
    color: white;
    background-color: transparent;
    border-color: black;
    overflow: hidden;
}

.satmap-note-to-user-header {
    font-size: x-large;
    font-weight: bold;
    color: yellow;
    vertical-align: center;
}

.satmap-note-to-user-date {
    font-size: large;
    color: yellow;
    vertical-align: center;
}

.cm-message-note-to-user, .cm-message-note-to-user:disabled {
    color: yellow;
    background-color: transparent;
    border-color: black;
    overflow: hidden;
}


.satmap-note-from-user-header {
    font-size: x-large;
    font-weight: bold;
    color: cyan;
    vertical-align: center;
}

.satmap-note-from-user-date {
    font-size: large;
    color: cyan;
    vertical-align: center;
}

.cm-message-note-from-user, .cm-message-note-from-user:disabled {
    color: cyan;
    background-color: transparent;
    border-color: black;
    overflow: hidden;
}

.satmap-pack-section {
    font-size: 14pt;
    text-decoration: underline;
}

input[type=checkbox]
{
    /* Enlarged Checkboxes */
    -ms-transform: scale(1.3); /* IE */
    -moz-transform: scale(1.3); /* FF */
    -webkit-transform: scale(1.3); /* Safari and Chrome */
    -o-transform: scale(1.3); /* Opera */
    transform: scale(1.3);
    padding: 10px;
}

.xp2-logo {
    display: block;
    margin: auto;
}

.sm-xp2-dark-bg {
    background-color: #1f1f1f;
}

input.ads[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}