.bg-h24 {
  font-family:"Inter Tight",Arial,sans-serif !important;
  background-color:#000000cc;
  color:white;
  border:3px solid #ff4500;
  padding:0.75rem;
}

div.bg-h24 p {
  font-family:"Inter Tight",Arial,sans-serif !important;
  color:white !important;
  padding:0 !important;
  margin:0 !important;
}

div.bg-h24 p.hdr {
  font-weight:700 !important;
}

.h24p-2 {
  padding:0.5rem !important;
}

.h24-pe-2 {
  padding-right:0.5rem !important;
}

.h24-container-fluid {
  display:flex;
  flex-direction:column;
  flex-wrap: wrap;
}

.h24-row {
  display:flex;
  flex-wrap: wrap;
  width:100%;
  max-width:100%;
}

.h24-col {
  display:block;
  /*margin:0 auto !important;*/
  text-align:center;
  justify-content:center;
  align-items:center;
  max-width:90px;
  margin-right:1rem;
  padding-bottom:1rem;
}

p.h24-ctr {
  text-align:center !important;
  margin:0 auto !important;
  font-size:85% !important;
  line-height:100% !important;
}

.btn-hex24 {
  font-family:"Inter Tight",Arial,sans-serif !important;
background-color:#282828dd !important;
  color:#ffffff !important;  
  padding-top:4px !important;
  padding-bottom:4px !important;  
  display:inline-block !important;
  border-top:1px solid #ffffff18 !important;
  border-left:1px solid #ffffff18 !important;
  border-bottom:1px solid #00000060 !important;
  border-right:1px solid #00000060 !important;
  font-size:0.8rem !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
  border-radius:0 !important;
  text-shadow:none !important;
  background-image:none !important;
  box-shadow:none !important;
  letter-spacing:0.5px !important;
}

.btn-hex24:link, .btn-hex24:visited {
 
}

a.btn-hex24:hover, a.btn-hex24:focus, a.btn-hex24:active {
      background-color:#ff4500 !important;;
      color:#fff !important;;
      border-top:1px solid #000000cc !important;;
      border-left:1px solid #000000cc !important;;
      border-bottom:1px solid #000000cc !important;;
      border-right:1px solid #000000cc !important;;
    }


.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
  flex-wrap: wrap !important;
}

.justify-content-center {
  justify-content: center !important;
}

.align-items-center {
  align-items: center !important;
}

.container-fluid {  
  width: 100%;  
  margin-right: auto;
  margin-left: auto;
}

.row { 
  display: flex;
  flex-wrap: wrap;  
}

.col {
  flex: 1 0 0;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.debug {
  background-color:hotpink;
}

.m-2 {
  margin: 0.5rem !important;
}

.ssh-frame {
  border:1px solid #00000066;
  background-color:#ffffff;
}

.c {
  text-align: center !important;
 
}

.d-block {
  display: block !important;
}

small, .small {
  font-size: 0.875em;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

a.ssh-a a:link, a.ssh-a a:visited {
 border-bottom:none !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

#central a.sss:link, #central a.sss:visited {
  width:120px !important;
}

div.ssh-list {
  font-weight:400 !important;
  font-size:0.9rem !important;
}

div.ssh-list a:link {
  color:#ffffff !important;
  opacity:0.75 !important;
  font-weight:400 !important;
}

div.ssh-list a:visited {
  color:#ffffff !important;
  opacity:0.75 !important;  
  font-weight:400 !important;
}

div.ssh-list a:hover, div.ssh-list a:focus, div.ssh-list a:active {
  color:#ffffff !important;
  opacity:1 !important;
  cursor:pointer;
  font-weight:400 !important;
}


.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}