body.hex24 {
  background-color:#fffffa;
  background-color:#323b46;
  background-color:#0c3941;
  background-color:#133e49;
  font-family: 'Inter Tight', sans-serif;
  font-weight:500;
  font-size:1rem;
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #ddd !important;
}

::placeholder {
  color: #ddd !important;
}

.hex24-container {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.hex24-centre-all {
  justify-content:center;
  align-items:center;
  align-content:center;
  margin:auto;
  height:100vh;
  min-height:100%;
}

.hex24-btn {
  font-weight:500 !important;
  font-size:0.95rem !important;
  text-transform:uppercase !important;
}

.dropdown-menu.hex24-menu {
  border-radius:none !important;
  --bs-dropdown-border-radius:none !important;   
  /*border-top-left-radius:1px !important;
  border-top-right-radius:1px !important;
  border-bottom-left-radius:5px !important;
  border-bottom-right-radius:5px !important; */
  background-color:#000000;
  margin-top:-2px !important;  
  margin-right:1px !important;
  color:#fffffc !important;
  --bs-dropdown-link-color:#fffffc !important;
  --bs-dropdown-divider-bg:#99999978 !important;
}

.dropdown-menu.hex24-menu li {
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}

.hex24-menu-add {
  background-color:#146c43 !important;
  --bs-dropdown-border-color:#146c43 !important;
  color:#fff !important;
  --bs-dropdown-link-color:#fff !important;
}

.hex24-menu-view {
  background-color:#212529 !important;
  --bs-dropdown-border-color:#212529 !important;
  color:#fff !important;
  --bs-dropdown-link-color:#fff !important;
}

.dropdown-menu.hex24-menu-glas {
  background-color:#133e49 !important;
}

.hex24-btn.show {  
  --bs-btn-border-radius:none !important;
  border-radius:none !important;
  border-top-left-radius:5px !important;
  border-top-right-radius:5px !important;
  border-bottom-left-radius:none !important;
  border-bottom-right-radius:none !important;  
  border-bottom:1px solid #ffffff30 !important; 
}

.hex24-btn.btn-dark.show {
  --bs-btn-active-bg:#212529;
}

.hex24-svg {
  margin-top:-2px !important;
}

.hex24-svg-8 {
  margin-top:-8px !important;
  margin-left:0.5rem !important;
  display:inline-block;
  position:relative;
}

.hex24-e-panel {
  max-width:30%;
}

.hex24-e-message {
  font-family:'Inter Tight';
  font-weight:600; 
  font-size:0.85rem;
  text-transform:uppercase;
  color:#FF4500;
  line-height:120%;
}

.hex24-e-message.error {
  background-color:#FF4500;
  color:#fff;
  font-size:0.8rem;
  font-weight:600;
  line-height:125%;
}

.hex24-e-label {
  font-family:'Inter Tight';
  font-weight:600; 
  font-size:0.75rem;
  text-transform:uppercase;  
  margin-top:5px; 
}

.hex24-form-control {
  font-family:'Inter Tight';
  font-weight:600; 
  font-size:0.75rem;
  text-transform:uppercase;
}

.hex24-text {
  font-family:'Inter Tight';
  font-weight:500; 
  font-size:0.75rem;
  text-transform:uppercase;
}

.hex24-e, .hex24-e a { 
  text-decoration:none;
}

.hex24-e a:link, a.hex24-e:link {
  color: #FF4500;
  border-bottom:1px solid #ff4500;
}

.hex24-e a:visited, a.hex24-e:visited {
  color: #FF4500;
  border-bottom:1px solid #ff4500;
}

.hex24-e a:hover, a.hex24-e:hover {
  color: blue;
  border-bottom:1px solid #ff4500;
}

.hex24-e-holder {
  max-width:16%;
  max-width:20%;
}

#span-eye {
  cursor:pointer;
}

.caps-lock-warning {
  background-color: #ff4500;
  color:#fff;
  padding:1px; 
  margin-left:3px;
}

.btn-ok {
  min-width:95px;
}


/*
.btn-hex24 {
  color: #fff;
  background-color: #ff4500;
  border-color: #ff4500;
}

.btn-hex24:hover {
  color: #fff;
  background-color: #ff6329;
  border-color: #ff581a;
}

.btn-hex24:disabled, .btn-hex24.disabled {
  color: #fff;
  background-color: #ff4500;
  border-color: #ff4500;
}*/

.btn-t6 {
  min-width:6.3rem;
  text-align:center;
  font-weight:500;
}

.hex24-shadow {
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
}


.l {
  text-align: left !important;
}

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

.r {
  text-align: right !important;
}

.u {  
  text-transform: uppercase !important;  
}

.w {
  white-space: nowrap !important;
}

.b {
  font-weight: 700 !important;
}

.sb { 
  font-weight: 600 !important;
}

.f150 {
  font-size:150% !important;
}

.f145 {
  font-size:145% !important;
}

.f140 {
  font-size:140% !important;
}

.f135 {
  font-size:135% !important;
}

.f130 {
  font-size:130% !important;
}

.f125 {
  font-size:125% !important;
}

.f120 {
  font-size:120% !important;
}

.f115 {
  font-size:115% !important;
}

.f110 {
  font-size:110% !important;
}

.f105 {
  font-size:105% !important;
}

.f100 {
  font-size:100% !important;
}

.f95 {
  font-size:95% !important;
}

.f90 {
  font-size:90% !important;
}

.f85 {
  font-size:85% !important;
}

.f80 {
  font-size:80% !important;
}

.f75 {
  font-size:75% !important;
}

.f70 {
  font-size:70% !important;
}

.cmy {
  color:#DD4A4F !important;
}

.cyht {
  color: #333 !important;
}


.btn-hex24 {
  color: #fff;
  background-color: #ff4500;
  border-color: #ff4500;
}
.btn-hex24:hover {
  color: #fff;
  background-color: #ff6329;
  border-color: #ff581a;
}
.btn-hex24:disabled, .btn-hex24.disabled {
  color: #fff;
  background-color: #ff4500;
  border-color: #ff4500;
}

.btn-glas {
  color: #fff !important;
  background-color: #133e49;
  border-color: #133e49;
  border-bottom:none;
}
.btn-glas:link {
  color:#fff !important;
}
.btn-glas:visited {
  color:#fff !important;
}
.btn-glas:hover,
.btn-glas:focus,
.btn-glas:active {
  color: #fff;
  background-color: #133e49cc;
  border-color: #091624;
  border-bottom:none;
}

.btn-glas:disabled, .btn-glas.disabled {
  color: #000;
  background-color: #091624;
  border-color: #091624;
}

.btn-cancel {
  color: #fff;
  background-color: #464d53;
  border-color: #464d53;
}
.btn-cancel:hover {
  color: #fff;
  background-color: #596269;
  border-color: #525a61;
}
.btn-cancel:disabled, .btn-cancel.disabled {
  color: #000;
  background-color: #464d53;
  border-color: #464d53;
}

.btn-ok {
  min-width:95px;
}

.bg-glas {
  background-color:#133e49;
}

.text-glas {
  color:#133e49;
}

.bg-subfusc {
  background-color: #596168 !important; 
}

table.bg-subfusc td {
  background-color: #596168 !important; 
}

.btn-subfusc {
  color: #fff;
  background-color: #596168;
  border-color: #525a61;
}
.btn-subfusc:hover {
  color: #fff;
  background-color: #464d53;
  border-color: #464d53;
}
.btn-subfusc:disabled, .btn-subfusc.disabled {
  color: #000;
  background-color: #464d53;
  border-color: #464d53;
}

.btn-hex24.btn-disallowed {
  border:1px dashed silver !important;
  background-color:#fff !important;
  color:#133e49 !important;
}

.btn-glas.btn-disallowed {
  border:1px dashed silver !important;
  background-color:#fff !important;
  color:#133e49 !important;
}

.btn-match {
  min-height:38px; 
}


.bg-success-subtle {
  background-color: #d1e7dd !important;
}

.bg-danger-subtle {
  background-color: #f8d7da !important;
}

.btn-fix-vertical {
  padding-top:0.4rem;
}

.btn-group.btn-hex24, .btn-group.btn-secondary {
  max-height:1.95rem !important;
}

.btn-group .btn {
  padding-top:0.2rem !important;
}

.btn-group .dropdown-item {
  padding-top:0.2rem !important;
  padding-bottom:0.2rem !important;
  margin-top:0.2rem !important;
  margin-bottom:0.2rem !important;
}

.dropdown-divider {
  margin:0.2rem !important;
}

.dropdown-divider-bs {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0 !important;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.hex24-form label {
  margin-bottom:-3px;
  font-weight:600;
  text-transform:uppercase;
}

.hex24-form .nei label {
  font-weight:400;
}

.hex24-form .nei p {
  font-weight:600;
}

.hex24-form .form-control {
  border-radius: 0 !important;
  font-weight:500;
  background-color:#ffffff;
  
}

.hex24-form .form-control[type=text],
.hex24-form .form-control[type=email] {
  box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.2);
}

.hex24-form .form-control:focus[type=text],
.hex24-form .form-control:focus[type=email] {
  /*box-shadow: none;
  border:none;
  outline:2px solid #ff4500;*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.hex24-form h3 {
  font-family:'Inter Tight', sans-serif;
  font-size:20pt;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:1rem;
}

.hex24-form label span.info {
  font-size:75%;
  font-weight:300;
  padding-left:1rem;
  opacity:0.75;
}

.fw1 {
  font-weight:100 !important;
}

.fw2 {
  font-weight:200 !important;
}

.fw3 {
  font-weight:300 !important;
}

.fw4 {
  font-weight:400 !important;
}

.fw5 {
  font-weight:500 !important;
}

.fw6 {
  font-weight:600 !important;
}

.fw7 {
  font-weight:700 !important;
}

.fw8 {
  font-weight:800 !important;
}

.fw9 {
  font-weight:900 !important;
}

.hex24-very-tight {
  font-size:85%;
  letter-spacing:-0.5px;
}

#PrjT6 {
  text-transform:uppercase;
}

.mt--2 {
  margin-top:-4px;
}

.hex24-mnu-icn {
  margin-top:-2px;
  padding-right:0.5rem;
  width:24px;
  height:24px;
}

.fulladm {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.mono {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  letter-spacing:0.75px;
}

.hex24-select {
  border:1px solid #ff4500;
}

.hex24-label {
  color:#133e49;
}

.btnbox {
  width:85%;
}

.btnbox .form-check-input {  
  width:1.1rem;
  height:1.1rem;
  margin-left:-2px;
  margin-right:6px !important;
  margin-top:3px;
}

.btnbox .form-check-input:focus {
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.btnbox .form-check-input:checked {
  background-color: #133e49;
  border-color: #133e49;
}

.inactive {
  opacity:0.6 !important;
}

td.min {
  width:1px;
}

.roboto {
  font-family:"Roboto", sans-serif !important;
}

.dashboard-item {
  font-weight:800;
  font-size:120%;
  line-height:110%;
}

.ticketing-system {
  color:#ff4500;
}

.domain-management {
  color:#1D517F;
}

.google-sso {
  color:#DB4437;
}

.dashboard-button {  
  max-width:160px;
  background-color:#f7f7f7;
}

.dashboard-button a {
  text-decoration:none;
  border-bottom:none;
}

.dashboard-button:hover {
  background-color:#fff;
  outline:2px solid #ff4500; 
}

.border-subtle {
  border:1px solid #00000044;
}


th div.btn-glas {
  cursor: pointer;
}

span.indicator {
  position:relative;
  display:inline-block;
  margin-left:-0.4rem;
  /*color:#ff4500;*/
  min-width:1rem !important;
  margin-right:0.2rem;
}

.tik-unstyled {
  margin-top:0.35rem;
}

.drag-handle {
  margin-top:0.3rem;
}