/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom CSS
*/

Small devices (landscape phones, 544px and up)
@media (max-width: 844px) {  
    h5 {font-size: 18px}
}


/*
Change the input field placeholder text color
*/
.form-control::-webkit-input-placeholder {
    color: #444 
  }


.ratio-24x9 {
--bs-aspect-ratio: 37.5%;
}


.bg-pemicro-blue {
    background-color: #20295E;
  }



.card-bg-image {
    background-image: url('/_v3/images/blue_chips_back_001.png');
    background-size: cover;
    background-position: center;
}



.chat-entry {
    margin-bottom: 20px; /* add some space between each chat entry */
    }

.card.reply-0 {
    margin-left: 0px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    }

.card.reply-1 {
    margin-left: 40px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    }

.card.reply-2 {
    margin-left: 80px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    }

.card.reply-3 {
    margin-left: 120px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    }

.card.reply-4 {
    margin-left: 160px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    }

.card.reply-5 {
    margin-left: 200px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    }

.card.reply-6 {
    margin-left: 240px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    }


.releaseNotesDIV {
    overflow: auto;
    padding: 1px;
    width: 930px;
    height: 250px;
    border-width: 1px;
    border-color: #999999;
    border-style:solid;
}

/* 
Anchor trick to offset anchor landing from top menu. Make sure to apply the class "anchor" below to the <a name> target.
*/
a.anchor {
  display: block;
  position: relative;
  top: -160px;
  visibility: hidden;
}