@font-face {
    font-family: 'SFProDisplay';
    src: url('/fonts/SFProDisplay.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html, body {
    font-family: 'SFProDisplay', sans-serif;
    height: 100%;
    font-size: 16px;
}

.title-block {
    background-color: #ebebf0;
    border-radius: 10px;
    padding: 13px;
}

.badge.bg-light.soft {
    color: #e6ebef !important;
    background-color: rgba(230, 235, 239, 0.1) !important;
}

.badge.bg-info.soft {
    color: #438aa7 !important;
    background-color: rgba(67, 138, 167, 0.1) !important;
}

.badge.bg-danger.soft {
    color: #c00d49 !important;
    background-color: rgba(192, 13, 73, 0.1) !important;
}

.badge.bg-info.soft {
    color: #438aa7 !important;
    background-color: rgba(67, 138, 167, 0.1) !important;
}

.badge.bg-success.soft {
    color: #4fbf67 !important;
    background-color: rgba(79, 191, 103, 0.1) !important;
}

.badge.bg-secondary.soft {
    color: #6c5dd3 !important;
    background-color: rgba(108, 93, 211, 0.1) !important;
}

.badge.bg-primary.soft {
    color: #355dff !important;
    background-color: rgba(53, 93, 255, 0.1) !important;
}

.badge.bg-warning.soft {
    color: #ff9f38 !important;
    background-color: rgba(255, 159, 56, 0.1) !important;
}