@font-face {
  font-family: FontArial;
  src: url('../assets/font/Arial.woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../assets/font/Arial.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  


body {
  font-family: Arial;
  background-color: #E4E4E4;
}


@media(min-width: 768px) {
    .headlinkbg {
      background-color: #596CC0;
      margin-left: 5px;
      margin-right: 5px;
    }
}

.bgActionBtn{
  background-color: #677DDC;
}

.spacingLR{
  margin-left: 1em;
  margin-right: 1em;
}

.cDarkBlue {
  color: #0E237D;
}

.nameBlue{
  color: #6777EF;
}

.navTexts {
  font-size: 14px;
}

.pageTitle {
  font-size: 32px;
}

.pageSubTitle {
  font-size: 18px;
}

.containerTitle{
  font-size: 28px;
}

.containerSubTitle{
  font-size: 14px;
}

.containerText{
  font-size: 12px;
}

.stackTitle{
  font-size: 24px;
}

.actionButton {
  background-color: #23CE8E;
}

.triageBtnRed{
  background-color: #F64D4D;
}

.triageBtnYellow{
  background-color: #F6D900;
}

.triageBtnGreen{
  background-color: #16B100;
}

.disableClick{
  pointer-events: none;
}

.bulletMain{
  font-size: 30px;
  color: #4DACF6;
}

.bulletSubMain{
  font-size: 20px;
  color: #4DACF6;
}

.extraMarginTop{
  margin-top: 4em;
}

.ltrBorder{
  border-top: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}


.tSpacer {
  margin-top: 60px;
}