:root {
	--font-primary: Arial, Helvetica, sans-serif ;
  --color-dark: #363636;
  --color-primary: #3a5582;
  --color-secondary: #3a7882;
  --color-tertiary: #686b71;
  --color-lighter: #fff;
  --color-light: #EAF4FF;
  --color-error: #b00020;
  --color-info: #0dcaf0;
  --color-on-primary: #fff;
  --color-on-secondary: #fff;
  --color-on-tertiary: #fff;
  --color-on-surface: #000;
  --color-on-error: #fff;
  --color-on-info: #fff;
  --trans-cubic: transform 0.3s cubic-bezier(0,1,1,1);
  --trans-opacity: opacity 0.3s ease-in-out;
  --shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  color: var(--color-dark);
  /*background-color: var(--color-secondary);*/
	background-color: #f2f2f2;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@-ms-viewport {
  width: device-width;
}
/**
 * Remove the inner border and padding in Firefox.
 */

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
[tabindex="-1"]:focus {
  outline: none !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: .5em;
}

b,
strong {
  font-weight: 700;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}


figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
/*
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}*/
input:focus-visible{
  outline: 0;
  border: 1px solid #2405d3;
}
button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}


[hidden] {
  display: none !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}