/* Contains style for non layouts or non components styles. e.g Ids & Classes */
  .optionsModal {
        display: none;
        position: absolute;
        background-color: var(--grey);
        box-shadow: 1px 1px 3px #000;
    }

    .optionsModal a {
        color: var(--card-background);
        text-decoration: none;
        display: block;
        font-size: .8em;
        margin: 5px;
    }
    .results {
        margin: 10px auto ;
        list-style: none;
    }
    .results .error {
        color: red;
    }
    .successMsg {
        color: green;
    }
    
    .primary {
        border: none;
        color: #fff;
        background-color: var(--blue);
    }
    .secondary {
        color: rgba(0, 183, 255, 0.835);
        background-color: rgba(0, 0, 0, 0.0);
        border: 1px solid rgba(0, 183, 255, 0.835);
    }
    .flexDetails {
        display: flex;
        justify-content: space-between;
        width: 95%;
        margin: 5px auto 0;
    }
    .rateStars, .osRateStars {
        width: 25px;
        height: 25px;
    }


.vibstarIcon {
    width: 27px;
    vertical-align: text-bottom;
}

table .specialText, div .specialText {	    
    color: var(--pink);
    font-weight: 600;
}




.shareMessage {
    font-style: italic;
    font-size: 1.4em;
    margin: 15px auto;
}
.shareIcons {
    display: flex;
    justify-content: space-around;
    margin: 15px auto;
}

#shareIcons img {
    width: 50px;
}