﻿@import url("https://use.typekit.net/wgz2hzx.css");
.loading {
  background: url("../img/app_loading_indicator.svg");
  height: 32px;
  width: 32px;
  animation: spin 0.75s linear infinite;
  display: inline-block;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
body {
  color: #202020;
}

a {
  text-decoration: none;
  color: #0085AD;
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}

h1 {
  font-size: 48px;
  line-height: 60px;
}
h1 + h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #595959;
  margin-top: -12px;
}

h2 {
  font-size: 36px;
  line-height: 44px;
}

h3 {
  font-size: 28px;
  line-height: 32px;
}
h3 + h6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  margin-top: -12px;
  color: #595959;
}

h4 {
  font-size: 20px;
  line-height: 24px;
}

h5 {
  font-size: 16px;
  line-height: 20px;
}

h6 {
  font-size: 14px;
  line-height: 18px;
}

p {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

body {
  font-family: Noto-Sans;
  background: #F2F3F5;
}

.min-vh-100 {
  min-height: 100vh;
}

.vh-100 {
  height: 100vh;
}

.h-100 {
  height: 100%;
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open .mud-navmenu {
  padding: 12px 12px 12px 12px;
}

.mud-nav-item {
  border-radius: 100px;
  margin-bottom: 6px;
}
.mud-nav-item .mud-nav-link.active:not(.mud-nav-link-disabled) {
  background: rgba(0, 125, 163, 0.1);
}
.mud-nav-item .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
  color: #007DA3;
}
.mud-nav-item .mud-nav-link:hover:not(.mud-nav-link-disabled) {
  background: #ECEDEF;
  border-radius: 100px;
}
.mud-nav-item .mud-nav-link:hover:not(.mud-nav-link-disabled) .mud-nav-link-icon, .mud-nav-item .mud-nav-link:hover:not(.mud-nav-link-disabled) .mud-nav-link-text {
  color: #2C2E2F;
}

.mud-table .mud-table-head {
  background: #F2F3F5;
}
.mud-table .mud-table-head .mud-table-cell {
  color: #595959;
  font-size: 12px;
}
.mud-table .mud-table-container {
  overflow-y: unset;
}

.mud-button {
  text-transform: none;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  height: 36px;
  border-radius: 3px;
}
.mud-button.mud-button-filled {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.mud-button.mud-button-filled:hover {
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.18);
}
.mud-button.mud-button-filled:active {
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.18);
}
.mud-button.mud-button-outlined {
  border: 1px solid #E5E6E8;
}
.mud-button.mud-button-outlined:hover {
  background: #F2F3F5;
  border-color: #E5E6E8;
}
.mud-button.mud-button-outlined:active {
  background: #C1C3C7;
  border-color: #C1C3C7;
}
.mud-button .mud-icon-root {
  font-size: 16px;
}

.mud-input-control .mud-input.mud-input-filled {
  background: #F2F3F5;
  box-shadow: inset 0px -1px 0px #C1C3C7;
}
.mud-input-control .mud-input.mud-input-filled.mud-disabled {
  background: #F2F3F5;
  color: #989898;
}
.mud-input-control .mud-input.mud-input-filled.mud-input-slot {
  color: #202020;
}
.mud-input-control .mud-input.mud-input-filled.mud-input-slot.mud-disabled {
  background: #F2F3F5;
  color: #989898;
}
.mud-input-control .mud-input.mud-input-filled .mud-input-label {
  color: #595959;
}
.mud-input-control .mud-input.mud-input-filled.mud-input-underline:before {
  border-bottom-color: #C1C3C7;
}
.mud-input-control .mud-input.mud-input-filled.mud-input-underline:hover:before {
  border-bottom-color: #C1C3C7;
}
.mud-input-control .mud-input.mud-input-filled:hover {
  background: #ECEDEF;
}

.mud-card .mud-card-header {
  padding: 20px 20px 0 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.mud-card .mud-card-content {
  padding: 20px;
}

.mud-skeleton {
  background: #ECEDEF;
}

.mud-tabs .mud-tabs-toolbar {
  background: transparent;
}
.mud-tabs .mud-tab {
  text-transform: unset;
}

.mud-list-item:not(:last-child) {
  border-bottom: 1px solid #E5E6E8;
}
