/* latin */
@font-face {
  font-family: 'Sofia Sans Extra Condensed';
  font-style: normal;
  font-weight: 1 1000;
  font-display: swap;
  src: url('../webfonts/sofia.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.sofia-sans-extra-condensed {
  font-family: "Sofia Sans Extra Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.nav-badge{
  
  background: #ffffff !important; 
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin:5px;
    overflow:hidden;
    padding:1rem;
    position:relative;
}
.nav-badge-text{
  font-family: "Sofia Sans Extra Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  transform:translate(-50%,-50%);
  position:absolute;
  top:50%;
  left:50%;
  color: var(--bs-dark);
}

footer{
  color: var(--bs-light);
  font-family: "Sofia Sans Extra Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.clickable{
  cursor: pointer;
}

input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input.no-arrows {
  -moz-appearance: textfield;
}

tr.bg-success-subtle td {
  background-color: var(--bs-success-bg-subtle) !important;
}

tr.bg-dark td, tr.bg-dark th {
  background-color: var(--bs-dark-bg) !important;
  color: var(--bs-light);
}

tr.bg-primary td, tr.bg-primary th {
  background-color: var(--bs-primary) !important;
  color: var(--bs-light);
}

:disabled {
  cursor: not-allowed !important;
} 

.smaller {
  font-size: smaller !important;
}

ul.list-checkmark, ul.list-crossmark{
  list-style: none;
}

ul.list-checkmark li:before {
  content: '\2714';
  padding-right: 0.25rem;
}

ul.list-crossmark li:before {
  content: '\2716';
  padding-right: 0.25rem;
}

ul.list-checkmark li,ul.list-crossmark li {
  margin-bottom: 0.5rem;
}

.input-group-primary .input-group-text, .input-group-primary .form-control {
  border-color: var(--bs-primary) !important;
}

.input-group-success .input-group-text, .input-group-success .form-control {
  border-color: var(--bs-success) !important;
}

.input-group-info .input-group-text, .input-group-info .form-control {
  border-color: var(--bs-info) !important;
}