:root {
    --md-primary-fg-color: #00415d;
    --md-primary-fg-color--light: #000000;
    --md-primary-fg-color--dark: #000000;
    --md-accent-fg-color: #d9534f;
    --nav-link-color: rgba(227, 227, 227, 0.87);
}


.high {
    color: white !important;
    background-color: red !important;
    padding: 2px !important;
    text-transform: uppercase;
}

.medium {
    color: white !important;
    background-color: orange !important;
    padding: 2px !important;
    text-transform: uppercase;
}

.low {
    color: white !important;
    background-color: #FDD835 !important;
    padding: 2px !important;
    text-transform: uppercase;
}

.potentially {
    color: white !important;
    background-color: grey !important;
    padding: 2px !important;
    text-transform: uppercase;
}

.hardening {
    color: white !important;
    background-color: purple !important;
    padding: 2px !important;
    text-transform: uppercase;
}

.secure {
    color: white !important;
    background-color: #1B5E20 !important;
    padding: 2px !important;
    text-transform: uppercase;
}

.info {
    color: white !important;
    background-color: #42A5F5 !important;
    padding: 2px !important;
    text-transform: uppercase;
}

.important {
    color: white !important;
    background-color: #43A047 !important;
    padding: 2px !important;
    text-transform: uppercase;
}

.login__button {
    height: 30px;
    min-width: 78px;
    margin: 0 3px;
    padding: 0 19.5555555556px;
    align-items: center;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    letter-spacing: .0892857143em;
    justify-content: center;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: 0.0892857143em;
    text-transform: uppercase;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    overflow: visible;

}

.accent_button {
    background-color: #0071da !important;
    border-color: #0071da !important;
}

.red_button {
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

.btn-action {
  align-items: center;
  border-radius: 4px;
  display: inline-grid;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.0892857143em;
  line-height: normal;
  max-width: 100%;
  outline: none;
  position: relative;
  text-decoration: none;
  text-indent: 0.0892857143em;
  text-transform: capitalize;
    font-size: .65rem;
  transition-property: box-shadow, transform, opacity, background;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  vertical-align: middle;
  flex-shrink: 0;
  border-style: solid;
  border-width: 0;
}

.btn-large {
    padding: 13px 23px;
}

.btn-accent {
    background-color: rgb(20, 139, 191);
    border-color: rgb(20, 139, 191);
    color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}

.btn-outlined {
  border: thin solid currentColor;
}

.tabs-navigation-item {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 12px;
}

.tabs-navigation-item-link {
    color: #000000DE;
    font-weight: 600;
    padding: 8px 18px;
}

.tabs-navigation-item-link:hover {
    color: #000000DE;
    background-color: var(--nav-link-color);
    border-radius: 4px;
    padding: 8px 18px;
    transition: color 0.5s, background-color 0.4s;
}

.tabs-navigation-item-link-active {
    background-color: var(--nav-link-color);
    color: #000000DE;
    border-radius: 4px;
    padding: 8px 18px;
}

.search-input {
    background-color: rgba(144, 144, 144, 0.87);
    border-radius: 4px;
}

.search-input:hover {
    background-color: rgba(144, 144, 144, 0.87);
}

.search-input:focus {
    background-color: #ffffff;
}

.diagonal-divider {
  position: relative;
  width: 30px;
  height: 2px;
  background-color: #cdcdcd;
  transform: rotate(-68deg);
}

@media (max-width: 1219px) {
   .hide-on-small-screen {
       display: none;
   }
}

@media (min-width: 1219px) {
   .hide-on-large-screen {
       display: none;
   }
}