/* fira-sans-100normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src:
    local('Fira Sans Thin '),
    local('Fira Sans-Thin'),
    url('/assets/fira-sans-latin-100-BA6hBMsA.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-100-g_UGYIlp.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-100italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src:
    local('Fira Sans Thin italic'),
    local('Fira Sans-Thinitalic'),
    url('/assets/fira-sans-latin-100italic-DZ7rtOAd.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-100italic-DnWZ4Yoz.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-200normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src:
    local('Fira Sans Extra Light '),
    local('Fira Sans-Extra Light'),
    url('/assets/fira-sans-latin-200-DJ-WKz0o.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-200-C6Vij0Zi.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-200italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src:
    local('Fira Sans Extra Light italic'),
    local('Fira Sans-Extra Lightitalic'),
    url('/assets/fira-sans-latin-200italic-B4E2_byy.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-200italic-Bz1-WWq-.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-300normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Fira Sans Light '),
    local('Fira Sans-Light'),
    url('/assets/fira-sans-latin-300-BPpkvHmq.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-300-y05Va0a8.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-300italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Fira Sans Light italic'),
    local('Fira Sans-Lightitalic'),
    url('/assets/fira-sans-latin-300italic-DylQephQ.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-300italic-DAvEkWSC.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-400normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Fira Sans Regular '),
    local('Fira Sans-Regular'),
    url('/assets/fira-sans-latin-400-EDTGAiqF.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-400-D7Fy5h4w.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-400italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Fira Sans Regular italic'),
    local('Fira Sans-Regularitalic'),
    url('/assets/fira-sans-latin-400italic-9EJqlJv1.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-400italic-BtUw2Lyz.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-500normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Fira Sans Medium '),
    local('Fira Sans-Medium'),
    url('/assets/fira-sans-latin-500-BoW_OVaJ.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-500-Vp3HTTLU.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Fira Sans Medium italic'),
    local('Fira Sans-Mediumitalic'),
    url('/assets/fira-sans-latin-500italic-CD7g4Sca.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-500italic-b6yt5IyE.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-600normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    local('Fira Sans SemiBold '),
    local('Fira Sans-SemiBold'),
    url('/assets/fira-sans-latin-600-BnEDvDgd.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-600-BH6NAX11.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-600italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src:
    local('Fira Sans SemiBold italic'),
    local('Fira Sans-SemiBolditalic'),
    url('/assets/fira-sans-latin-600italic-CizI2bY7.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-600italic-BzZ7GW8X.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-700normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Fira Sans Bold '),
    local('Fira Sans-Bold'),
    url('/assets/fira-sans-latin-700-pR9Z-REI.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-700-xw7mkTJq.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-700italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local('Fira Sans Bold italic'),
    local('Fira Sans-Bolditalic'),
    url('/assets/fira-sans-latin-700italic-BdTBJ2-1.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-700italic-D9iXLvP9.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-800normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:
    local('Fira Sans ExtraBold '),
    local('Fira Sans-ExtraBold'),
    url('/assets/fira-sans-latin-800-BBx0w_ny.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-800-H0Vhc961.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-800italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src:
    local('Fira Sans ExtraBold italic'),
    local('Fira Sans-ExtraBolditalic'),
    url('/assets/fira-sans-latin-800italic-BbHH1gje.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-800italic-CFCwUG0P.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-900normal - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Fira Sans Black '),
    local('Fira Sans-Black'),
    url('/assets/fira-sans-latin-900-uezE5Fxo.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-900-BoJXLhPd.woff') format('woff'); /* Modern Browsers */
}

/* fira-sans-900italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local('Fira Sans Black italic'),
    local('Fira Sans-Blackitalic'),
    url('/assets/fira-sans-latin-900italic-oxpNy96h.woff2') format('woff2'), 
    url('/assets/fira-sans-latin-900italic-D7ljPXSz.woff') format('woff'); /* Modern Browsers */
}

.header {
  text-align: center;
  background-color: #00a8d8;
}
.header .brandlogo {
  background-color: #2e2e2e;
  padding: 0 18px;
  display: flex;
}
.header .iconlogo {
  padding: 0 10px;
  display: flex;
}
.header .pagetitle {
  color: #fff;
  line-height: 24px;
  white-space: nowrap;
  width: 1px;
  float: left;
  margin-left: 20px;
  font-weight: normal;
}
.header .logout-button {
  margin: 10px;
}

.message {
  z-index: 10;
  height: 40px;
  padding-top: 3px;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  text-align: center;
  color: #000 !important;
  cursor: pointer;
}
.message__failure {
  background-color: #ff4d4d;
}
.message__success {
  background-color: #4ce600;
}body {
  margin: 0;
  background-color: #fafafa;
}

.login-form {
  background-color: white;
  min-width: 20%;
  padding: 30px;
  margin: 75px;
  border: solid #f0f0f0 3px;
}.table-cell {
  padding-bottom: 5px;
  border: solid #222;
  border-width: 0 0 1px 0;
}
.table-cell:hover {
  cursor: pointer;
}

.table-header.sorted {
  font-weight: bold;
}

.table-header:hover {
  cursor: pointer;
}.page-navigation {
  padding: 10px 0 0 0;
  grid-template-columns: 45px 45px 45px;
}
.page-navigation .page-number {
  margin: 0 10% 0 15%;
  position: relative;
  top: 2px;
}
.page-navigation button {
  --outline-box-shadow: 0 0 0 2px var(--purpose);
}.search-bar {
  width: 400px;
}

.edit-button {
  margin-left: 5px;
  margin-top: 5px;
}.clipboard-container {
  position: relative;
  overflow: visible;
}
.clipboard-container .clipboard-button {
  padding: 1px 1px 1px 3px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.clipboard-container .clipboard-button:hover {
  cursor: pointer;
}
.clipboard-container .clipboard-copied-message {
  bottom: -20px;
  position: absolute;
  right: 0px;
  z-index: 20;
  border-radius: 3px;
  height: fit-content;
  width: fit-content;
  padding: 3px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #777;
  color: #eee;
}.text-display {
  background-color: #eee;
  padding: 5px;
  word-break: break-all;
  font-family: monospace, monospace;
}
.text-display.dark {
  background-color: #ccc;
}
.text-display.with-border {
  border: 1px solid #2e2e2e;
  border-radius: 3px;
}
.text-display:hover {
  border-bottom: 2px solid #00a8d8 !important;
  border-radius: 3px;
  cursor: text;
}.show-archived-toggle {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}

.warning-container {
  position: relative;
  overflow: visible;
}
.warning-container .warning-icon {
  padding: 1px 3px 1px 1px;
  position: absolute;
  bottom: 2px;
  left: 0px;
  margin-right: 1px;
  color: #c33c32;
}
.warning-container .warning-icon:hover {
  cursor: default;
}
.warning-container .duplicate-warning {
  background-color: #c33c32;
  color: #000;
  z-index: 2;
  border-radius: 2px;
  padding: 4px;
  height: 20px;
  width: fit-content;
  position: absolute;
  top: 20px;
}

.table div {
  overflow: visible !important;
}.detail-textarea {
  resize: none;
  min-height: fit-content !important;
}
.detail-textarea.bigger {
  height: 200px;
}

.clients-table .table-cell:hover {
  cursor: pointer;
}.show-archived-toggle {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}.home_page {
  width: 100%;
  text-align: center;
  font-size: 5em;
  color: #777;
}.ex-404 h1 {
  font-size: precise-rm(10);
  color: #e2e2e2;
}.ex-403 h1 {
  font-size: precise-rm(10);
  color: #e2e2e2;
}.sidebar {
  color: #f4f4f4;
  background-color: #2e2e2e;
}
.sidebar .navbar_list {
  padding: 0;
}
.sidebar .navbar_list .navbar_item {
  list-style: none;
}
.sidebar .navbar_list .navbar_item .navbar_icon {
  padding-right: 5px;
  font-size: 24px;
  line-height: 1;
  vertical-align: middle;
}
.sidebar .navbar_list .navbar_item a {
  padding: 10px 0 10px 1em;
  color: inherit;
  text-decoration: none;
  display: block;
}
.sidebar .navbar_list .navbar_item a:hover {
  color: #fff;
  background-color: #777;
}
.sidebar .navbar_list .navbar_item.active {
  background-color: #444;
}body {
  font-family: "Fira Sans";
  margin: 0;
  background-color: #fafafa;
  overflow-y: scroll;
}.ex-unsupported-browser h1 {
  font-size: precise-rm(10);
  color: #e2e2e2;
}
.ex-unsupported-browser a {
  text-decoration: underline;
}