/* 10/06/2024 11:28 PN */

.xa-alright {
  text-align: right;
}

.xa-bg-bestrun {
  background-color: greenyellow;
}

.xa-bg-grey{
  background-color: lightgray;
}

.xa-bg-smoke {
  background-color: whitesmoke;
}

.xa-bg-mint {
  background-color: mintcream;
}

.xa-bg-pink {
  background-color: mistyrose;
}

.xa-bg-speed {
  background-color: yellow;
}

.xa-black {
 color:black;
}

.xa-blue {
  color: blue;
}

.xa-bluemagenta {
  color: #9933ff;
}

.xa-checkbox {
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

.xa-center{
  text-align: center;
}

/* Crimson */
.xa-error {
  margin-top: 8px;
  color: crimson;
}

.xa-flag {
  height: 36px;
  padding-bottom:10px;
}


.xa-footer{
font-weight: 600;
font-size: 0.9em;
color: green;
margin-top: 6px;
}

.xa-fs85{
  font-size: 85%;
}

.xa-fs80 {
  font-size: 80%;
}

.xa-fs70 {
  font-size: 70%;
}

.xa-green{
  color: darkgreen;
}

/* Maroon */
.xa-keypoint {
  color: #9e003f;
}

.xa-logobox {
  width: 400px;
}

.xa-marginbsmall {
  margin-bottom: 4px;
}

.xa-marginb8 {
  margin-bottom: 8px;
}

.xa-margint {
  margin-top: 12px;
}

.xa-margint8 {
  margin-top: 8px;
}

.xa-marginb {
  margin-bottom: 24px;
}

.xa-modalbody{
  color:purple;
}

.xa-newicon {
  font-size: 28px;
}

.xa-notes {
  color: blue;
}

.xa-pad30 {
  padding: 30px;
}

@media screen and (max-width: 768px) {
  .xa-flag {
    height: 28px;
  }
  .xa-logobox {
    width: 360px;
  }  
}