/* HTML Styles ("Reset" Sheet) */

/* WARNING: This is the html tag "reset" style sheet. Do NOT change these values unless absolutely necessary as these reformat all html elements.

When we migrate this to a new Exigo application, later, it will be easier to then move this CSS over minus the old CSS (which includes atiquated Bootstrap 3, jQuery JS css, etc.
Also do not put css variables in here, if possible. Reserve those for the global and local CSS sheets. These should control only very basic level html tag formatting, not overall theme or custom styles. - MS (2024) */

/* Note: Put your CSS Variables in ":root{}" below so they are scoped. Note that some of these css variables are passed here from the global css variable sheet. */


html, 
body,
* {

  /* Let the "fonts.css" file control this setting. */
  /*
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  word-spacing: inherit;
  letter-spacing: inherit;
  color: inherit;
  */

  /* Notes: "all:revert" - Only use this css property if you need to revert all previous styles to the browser's UA default style sheet that comes with browsers.
  I only user this when inheriting 3rd part styles previously and needed to revert back all the HTML element styles prior to applying my own.
  I have used this strategy to manipulate or reset Bootstrap 5's "reboot" element sheets, which jack up the html. - MS */
  /*all:revert;*/
}


*,
::before,
::after,
*::before,
*::after {
  /* Make sure we now include the border size in all dimensions. */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:root, html {
  height: 100%;
  height: 100vh;
  min-height: 100%;
  min-height: 100vh;
  max-height: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: inherit;
  /*font-size: medium;*//* Let the "fonts.css" file control this setting. */
  line-height: inherit;
  /*color: inherit;*//* Let the "fonts.css" file control this setting. */
  background: transparent;
}

body {
  height: auto;
  width: auto;
  min-height: 100%;
  min-height: 100vh;
  max-height: none;
  min-width: 0;
  max-width: none;
  padding: 0;
  margin: 0;
  background: #fff;
  /*color: inherit;*//* Let the "fonts.css" file control this setting. */
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: sans-serif;
  /*font-size: medium;*//* Let the "fonts.css" file control this setting. */
  line-height: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-spacing: normal;
  letter-spacing: normal;
  white-space: normal;
  border: none;
  text-align: left;
  cursor: default;
}

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

a,
abbr,
acronym,
address,
applet,
b,
bdo,
big,
blink,
blockquote,
bq,
br,
button,
caption,
center,
cite,
code,
credit,
dd,
del,
dfn,
dir,
div,
dl,
dt,
em,
fieldset,
fig,
font,
form,
frame,
frameset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
i,
iframe,
img,
input,
ins,
ilayer,
kbd,
label,
legend,
li,
listing,
link,
map,
marquee,
multicol,
nobr,
noembed,
noframes,
object,
ol,
optgroup,
option,
p,
param,
plaintext,
pre,
q,
rp,
rt,
ruby,
s,
samp,
select,
small,
spacer,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var,
xmp {
  /* Alert: These styles were designed to assist old browsers that had incomplete text inheritance issues. But for modern browsers, inheritance here should revert back to the body-html tag instead.
  */
  /*
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  word-spacing: inherit;
  letter-spacing: inherit;
  color: inherit;
  */
}

a {
  display: inline;
  color: #006; /* These are traditional link colors you can override in your other sheets. */
  text-decoration: none;
  cursor: pointer;
  background: transparent;
}

a:link {
  color: #006;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}

a:visited {
  color: #66a;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #00c;
  background: transparent; /* was inherit */
  text-decoration: none;
  cursor: pointer;
}

a:focus {
  color: #00f;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}

a:active {
  color: #00f;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}

abbr,
abbr[title] {
  display: inline;
  border: 0;
  text-decoration: none;
  border-bottom: 1px dotted #000;
  color: inherit;
  cursor: help;
}

acronym {
  display: inline;
  border: 0;
  text-decoration: none;
  border-bottom: 1px dotted #000;
  color: inherit;
  cursor: help;
}

address {
  display: block;
  font-style: italic;
  color: inherit;
  padding: 0;
  margin: 0.5em 0;
  margin: 0.5rem 0;
}

applet {
  cursor: pointer;
}

b {
  display: inline;
  font-weight: bold;
  font-weight: bolder;
}

bdo {
  unicode-bidi: bidi-override;
}

big {
  display: inline;
  font-size: large;
  font-size: larger;
}

blockquote {
  display: block;
  padding: 0;
  margin: 1em 1.6em;
  margin: 1rem 1.6rem;
}

br {
  padding: 0;
  margin: 0;
  clear: both;
}

button,
button:visited,
button:hover,
button:focus,
button:active {
  /*display: inline-block;*/ /*bootstrap conflict*/
  /*width: auto;*/ /*bootstrap conflict*/
  /*height: auto;*/ /*bootstrap conflict*/
  margin: 0;
  overflow: visible;
  text-transform: none;
  /*background: transparent;*/ /*bootstrap conflict*/
  outline: none;
  /*text-align: center;*/ /*bootstrap conflict*/
  cursor: pointer;
  /*border-radius: .2em;*/ /*bootstrap conflict*/
  -webkit-appearance: button;
  -moz-appearance: button;
  cursor: pointer;
  /*letter-spacing: 0;*/
}

button:hover,
button:focus,
button:active {
  /*background: #f9f9ff;*/ /*bootstrap conflict*/
}

button[disabled],
button[disabled=disabled],
button[disabled]:hover,
button[disabled=disabled]:hover,
button[disabled]:focus,
button[disabled=disabled]:focus,
button[disabled]:active,
button[disabled=disabled]:active {
  background: #f0f0f0;
  color: #999;
  cursor: default !important;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

caption {
  display: table-caption;
  caption-side: top;
  margin: 0;
  padding: 0;
  border: none;
  color: inherit;
  text-align: center;
}

center {
  text-align: center;
}

cite {
  display: inline;
  font-style: italic;
}

code {
  display: inline;
  font-family: monospace;
  font-size: 1em;
  font-size: 1rem;
}

col {
  display: table-column;
}

colgroup {
  display: table-column-group;
}

dd,
dl dd {
  display: block;
  padding: 0;
  margin: 0 0 0.3em 2.5em;
  margin: 0 0 0.3rem 2.5rem;
  line-height: 1.2;
}

del {
  display: inline;
  text-decoration: line-through;
}

dfn {
  display: inline;
  font-style: italic;
}

dir {
  display: block;
  padding: 0;
  margin: 0 0 0.3em 2.5em;
  margin: 0 0 0.3rem 2.5rem;
  line-height: 1.2;
}

div {
  display: block;
  width: auto;
  height: auto;
  /*max-width: 100%;*/
  padding: 0;
  margin: 0;
  background: none;
}

dl {
  display: block;
  padding: 0;
  margin: 1em 0em;
  margin: 1rem 0rem;
}

dt,
dl dt {
  display: block;
  padding: 0;
  margin: 0.3em 0em 0em 0em;
  margin: 0.3rem 0rem 0rem 0rem;
  line-height: 1.2;
  font-weight: bold;
}

em {
  display: inline;
  font-style: italic;
}

fieldset {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  padding: 0.5em 1em 1em 1em;
  padding: 0.5rem 1rem 1rem 1rem;
  margin: 0.5em 0em;
  margin: 0.5rem 0rem;
  border-radius: 0.2em;
  border-radius: 0.2rem;
  /*background-color: #f3f3f3;*/
  border: 2px solid #bbb;
}

form {
  display: block;
  clear: both;
  padding: 0;
  margin: auto;
}

h1 {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 2em;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.8;
  color: inherit;
}

h2 {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.5em;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8;
  color: inherit;
}

h3 {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.3em;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.7;
  color: inherit;
}

h4 {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1em;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.8;
  color: inherit;
}

h5 {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0.8em;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 2;
  color: inherit;
}

h6 {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0.7em;
  font-size: 0.7rem;
  font-weight: bold;
  line-height: 2;
  color: inherit;
}

hr {
  display: block;
  width: 100%;
  height: 0;
  padding: 0;
  margin: 1em 0em;
  margin: 1rem 0rem;
  border-top: 1px solid #ddd;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
  text-align: center;
}

i {
  display: inline;
  font-style: italic;
}

iframe {
  display: block; /* warning: dont use inline-block as creates space at bottom of iframe */
  /*border: 2px solid #999;*/ /* for now do not add a default border but use none */
  border: none;
  /*background:white;*/ /* default the page background to a soft grey if missing a page */
  background: #ddd;
  /* I changed the defaults for all all iframes to full dimensions and no scrollbars, for now */
  /*width:auto;
  height:auto;
  overflow-x:auto;
  overflow-y:auto;*/
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

ilayer {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
  background: none;
}

img {
  /*display: inline-block;*/ /* creates border at bottom of images */
  /*max-width: 100%;*/ /* conflicts with bootstrap5 */
  padding: 0;
  margin: 0;
  color: inherit;
  background-color: transparent;
  border: none;
  /* chrome supports this optional self-clipping image feature when using border-radius */
  overflow-clip-margin: content-box;
  overflow: clip;
  font-size: xx-small; /* missing image text size */
}

input,
input:visited,
input:hover,
input:focus,
input:active {
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  overflow: visible;
  text-transform: none;
  background: transparent;
  cursor: pointer;
  /*letter-spacing: 0;*/
  /* added this as chrome is now changing certain pseudo classes on sub-features of inputs */
  padding-block: 0;
  padding-inline: 0;
  line-height: normal; /* added */
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
  padding: 0;
  background: none;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
  accent-color: #000;
}

input[type=url],
input[type=url]:visited,
input[type=url]:hover,
input[type=url]:focus,
input[type=url]:active,
input[type=date],
input[type=date]:visited,
input[type=date]:hover,
input[type=date]:focus,
input[type=date]:active,
input[type=datetime-local],
input[type=datetime-local]:visited,
input[type=datetime-local]:hover,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=time],
input[type=time]:visited,
input[type=time]:hover,
input[type=time]:focus,
input[type=time]:active,
input[type=week],
input[type=week]:visited,
input[type=week]:hover,
input[type=week]:focus,
input[type=week]:active,
input[type=month],
input[type=month]:visited,
input[type=month]:hover,
input[type=month]:focus,
input[type=month]:active,
input[type=text],
input[type=text]:visited,
input[type=text]:hover,
input[type=text]:focus,
input[type=text]:active,
input[type=email],
input[type=email]:visited,
input[type=email]:hover,
input[type=email]:focus,
input[type=email]:active,
input[type=tel],
input[type=tel]:visited,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=tel]:active,
input[type=number],
input[type=number]:visited,
input[type=number]:hover,
input[type=number]:focus,
input[type=number]:active,
input[type=password],
input[type=password]:visited,
input[type=password]:hover,
input[type=password]:focus,
input[type=password]:active,
input[type=search],
input[type=search]:visited,
input[type=search]:hover,
input[type=search]:focus,
input[type=search]:active {
  display: inline-block;
  /*min-width: 12em;*/
  padding: 0.2em 0.2em;
  padding: 0.2rem 0.2rem;
  margin: 0;
  /*border-radius: .2em;*/
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
}

input[type=search],
input[type=search]:visited,
input[type=search]:hover,
input[type=search]:focus,
input[type=search]:active {
  -webkit-appearance: searchfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-cancel-button:visited,
input[type=search]::-webkit-search-cancel-button:hover,
input[type=search]::-webkit-search-cancel-button:focus,
input[type=search]::-webkit-search-cancel-button:active {
  -webkit-appearance: searchfield-cancel-button;
}

input[type=url]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=time]:hover,
input[type=week]:hover,
input[type=month]:hover,
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover {
  /*background: #f9f9ff;*/
  border: 1px solid #ccc;
  outline: 1px solid #ccc; /* added */
}

input[type=url]:visited,
input[type=url]:focus,
input[type=url]:active,
input[type=date]:visited,
input[type=date]:focus,
input[type=date]:active,
input[type=datetime-local]:visited,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=time]:visited,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:visited,
input[type=week]:focus,
input[type=week]:active,
input[type=month]:visited,
input[type=month]:focus,
input[type=month]:active,
input[type=text]:visited,
input[type=text]:focus,
input[type=text]:active,
input[type=email]:visited,
input[type=email]:focus,
input[type=email]:active,
input[type=tel]:visited,
input[type=tel]:focus,
input[type=tel]:active,
input[type=number]:visited,
input[type=number]:focus,
input[type=number]:active,
input[type=password]:visited,
input[type=password]:focus,
input[type=password]:active,
input[type=search]:visited,
input[type=search]:focus,
input[type=search]:active {
  background: #fff;
  border: 1px solid #ccc;
}

input[type=color],
input[type=color]:visited,
input[type=color]:hover,
input[type=color]:focus,
input[type=color]:active {
  /*min-width: 12em;
  min-height: 1em;*/
  all: revert;
  display: inline-block;
  padding: 0.2em 0.2em;
  padding: 0.2rem 0.2rem;
  margin: 0;
  /*border-radius: .2em;*/
  border: 1px solid #ccc;
  cursor: pointer;
}

input[type=range],
input[type=range]:visited,
input[type=range]:hover,
input[type=range]:focus,
input[type=range]:active {
  /*min-width: 12em;
  min-height: 1em;*/
  all: revert;
  display: inline-block;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

input[type=file],
input[type=file]:visited,
input[type=file]:hover,
input[type=file]:focus,
input[type=file]:active {
  display: inline-block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #fff;
  /*border-radius: .2em;*/
  border: 1px solid #ccc;
  cursor: pointer;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}

input[type=file]:hover {
  /*background: #f9f9ff;*/
  border: 1px solid #ccc;
  outline: 1px solid #ccc; /* added */
}

input[type=file]:visited,
input[type=file]:focus,
input[type=file]:active {
  background: #fff;
  border: 1px solid #ccc;
  outline: 1px solid #ccc; /* added */
}

input[type=file]:disabled,
input[type=file]:read-only {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*border-radius: .2em;*/
  border: 1px solid #ccc;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  background: #f0f0f0;
  color: #999;
  cursor: default !important;
}

input[type=file]:disabled:hover,
input[type=file]:read-only:hover {
  /*background: #f9f9ff;*/
  border: 1px solid #ccc;
  outline: 1px solid #ccc; /* added */
}

input[type=file]:disabled:visited,
input[type=file]:disabled:focus,
input[type=file]:disabled:active,
input[type=file]:read-only:visited,
input[type=file]:read-only:focus,
input[type=file]:read-only:active {
  background: #fff;
  border: 1px solid #ccc;
}

::-ms-browse {
  display: inline-block;
  padding: 0.25em 0.5em;
  padding: 0.25rem 0.5rem;
  margin: 0;
  text-align: center;
  border: none;
  background: #fff;
  white-space: nowrap;
  cursor: pointer;
}

::file-selector-button {
  display: inline-block;
  padding: 0.18em 0.5em;
  padding: 0.18rem 0.5rem;
  margin: 0em 1em 0em 0em;
  margin: 0rem 1rem 0rem 0rem;
  text-align: center;
  /*border-radius: .1em 0em 0em .1em;*/
  border: none;
  border-right: 1px solid #ccc;
  background: #fff;
  white-space: nowrap;
  cursor: pointer;
  -moz-appearance: button;
}

::-webkit-file-upload-button {
  display: inline-block;
  padding: 0.2em 0.5em;
  padding: 0.2rem 0.5rem;
  margin: 0em 1em 0em 0em;
  margin: 0rem 1rem 0rem 0rem;
  text-align: center;
  /*border-radius: .1em 0em 0em .1em;*/
  border: none;
  border-right: 1px solid #ccc;
  background: #eee;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: button;
}

input[type=url]:required:visited:valid,
input[type=url]:required:valid,
input[type=date]:required:visited:valid,
input[type=date]:required:valid,
input[type=datetime-local]:required:visited:valid,
input[type=datetime-local]:required:valid,
input[type=time]:required:visited:valid,
input[type=time]:required:valid,
input[type=week]:required:visited:valid,
input[type=week]:required:valid,
input[type=month]:required:visited:valid,
input[type=month]:required:valid,
input[type=text]:required:visited:valid,
input[type=text]:required:valid,
input[type=file]:required:visited:valid,
input[type=file]:required:valid,
input[type=email]:required:visited:valid,
input[type=email]:required:valid,
input[type=tel]:required:visited:valid,
input[type=tel]:required:valid,
input[type=number]:required:visited:valid,
input[type=number]:required:valid,
input[type=password]:required:visited:valid,
input[type=password]:required:valid,
input[type=search]:required:visited:valid,
input[type=search]:required:valid {
  background: #fff;
  border: 1px solid #7fbe96;
}

input[type=url]:required:hover:valid,
input[type=date]:required:hover:valid,
input[type=datetime-local]:required:hover:valid,
input[type=time]:required:hover:valid,
input[type=week]:required:hover:valid,
input[type=month]:required:hover:valid,
input[type=text]:required:hover:valid,
input[type=file]:required:hover:valid,
input[type=email]:required:hover:valid,
input[type=tel]:required:hover:valid,
input[type=number]:required:hover:valid,
input[type=password]:required:hover:valid,
input[type=search]:required:hover:valid {
  /*background: #f9f9ff;*/
  border: 1px solid #278b3d;
  outline: 1px solid #278b3d; /* added */
}

input[type=url]:required:focus:valid,
input[type=date]:required:focus:valid,
input[type=datetime-local]:required:focus:valid,
input[type=time]:required:focus:valid,
input[type=week]:required:focus:valid,
input[type=month]:required:focus:valid,
input[type=text]:required:focus:valid,
input[type=file]:required:focus:valid,
input[type=email]:required:focus:valid,
input[type=tel]:required:focus:valid,
input[type=number]:required:focus:valid,
input[type=password]:required:focus:valid,
input[type=search]:required:focus:valid {
  background: #fff;
  border: 1px solid #278b3d;
  outline: 1px solid #278b3d; /* added */
}

input[type=url]:required:visited:invalid,
input[type=url]:required:invalid,
input[type=date]:required:visited:invalid,
input[type=date]:required:invalid,
input[type=datetime-local]:required:visited:invalid,
input[type=datetime-local]:required:invalid,
input[type=time]:required:visited:invalid,
input[type=time]:required:invalid,
input[type=week]:required:visited:invalid,
input[type=week]:required:invalid,
input[type=month]:required:visited:invalid,
input[type=month]:required:invalid,
input[type=text]:required:visited:invalid,
input[type=text]:required:invalid,
input[type=file]:required:visited:invalid,
input[type=file]:required:invalid,
input[type=email]:required:visited:invalid,
input[type=email]:required:invalid,
input[type=tel]:required:visited:invalid,
input[type=tel]:required:invalid,
input[type=number]:required:visited:invalid,
input[type=number]:required:invalid,
input[type=password]:required:visited:invalid,
input[type=password]:required:invalid,
input[type=search]:required:visited:invalid,
input[type=search]:required:invalid {
  background: #fff;
  border: 1px solid #ff6565;
}

input[type=url]:required:hover:invalid,
input[type=date]:required:hover:invalid,
input[type=datetime-local]:required:hover:invalid,
input[type=time]:required:hover:invalid,
input[type=week]:required:hover:invalid,
input[type=month]:required:hover:invalid,
input[type=text]:required:hover:invalid,
input[type=file]:required:hover:invalid,
input[type=email]:required:hover:invalid,
input[type=tel]:required:hover:invalid,
input[type=number]:required:hover:invalid,
input[type=password]:required:hover:invalid,
input[type=search]:required:hover:invalid {
  /*background: #f9f9ff;*/
  border: 1px solid #ce2f2f;
  outline: 1px solid #ce2f2f; /* added */
}

input[type=url]:required:focus:invalid,
input[type=date]:required:focus:invalid,
input[type=datetime-local]:required:focus:invalid,
input[type=time]:required:focus:invalid,
input[type=week]:required:focus:invalid,
input[type=month]:required:focus:invalid,
input[type=text]:required:focus:invalid,
input[type=file]:required:focus:invalid,
input[type=email]:required:focus:invalid,
input[type=tel]:required:focus:invalid,
input[type=number]:required:focus:invalid,
input[type=password]:required:focus:invalid,
input[type=search]:required:focus:invalid {
  background: #fff;
  border: 1px solid #ce2f2f;
  outline: 1px solid #ce2f2f; /* added */
}

input[type=button],
input[type=reset],
input[type=submit],
input[type=button]:visited,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=reset]:visited,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
input[type=submit]:visited,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active {
  display: inline-block;
  margin: 0;
  text-align: center;
  /*border-radius: .2em;*/
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  -webkit-appearance: button;
  -moz-appearance: button;
  background: transparent;
}

input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active {
  /*background: #f9f9ff;*/
}

@supports (not (-moz-appearance: button)) and (contain: paint) and (-webkit-appearance: none) {
  input[type=button]:hover,
  input[type=button]:focus,
  input[type=button]:active,
  input[type=reset]:hover,
  input[type=reset]:focus,
  input[type=reset]:active,
  input[type=submit]:hover,
  input[type=submit]:focus,
  input[type=submit]:active {
    /*background: #f9f9ff;*/
  }
}
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[disabled],
input[readonly],
input[disabled=disabled],
input[readonly=readonly],
input[disabled]:visited,
input[readonly]:visited,
input[disabled=disabled]:visited,
input[readonly=readonly]:visited,
input[disabled]:hover,
input[readonly]:hover,
input[disabled=disabled]:hover,
input[readonly=readonly]:hover,
input[disabled]:focus,
input[readonly]:focus,
input[disabled=disabled]:focus,
input[readonly=readonly]:focus,
input[disabled]:active,
input[readonly]:active,
input[disabled=disabled]:active,
input[readonly=readonly]:active {
  background: #f0f0f0;
  color: #999;
  cursor: default !important;
}

/* SET CHROME AUTOFILL DEFAULTS : New chrome "autofill" input change styles must be killed off in user agents sheets */
input:-webkit-autofill,
input:-webkit-autofill:link,
input:-webkit-autofill:visited,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:focus-visible,
input:-webkit-autofill:focus-within,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-box-shadow: 0 0 0px 1000px inherit inset; /* hack to destroy chromes nasty autofill bg color */
  -webkit-text-fill-color: rgb(0, 0, 0);
}

input::placeholder {
  color: #999;
}

ins {
  display: inline;
  text-decoration: underline;
}

kbd {
  display: inline;
  font-family: monospace;
  font-size: 1em;
  font-size: 1rem;
  border-radius: 2px;
  padding: 0.1em;
  padding: 0.1rem;
  border: 1px solid #666;
}

label {
  display: inline-block;
  padding: 0;
  margin: 0;
}

legend {
  color: inherit;
  padding: 0.25em 0.5em;
  padding: 0.25rem 0.5rem;
  max-width: 100%;
  /*background-color: #fff;*/
  line-height: normal;
  border-radius: 0.2em;
  border-radius: 0.2rem;
  border: 2px solid #bbb;
  margin: auto; /* centers legend text in firefox */
}

li {
  display: list-item;
  margin: 0;
  padding: 0;
  list-style: inherit;
  text-align: left;
}

li ul,
li ul ul,
li ol ul,
li ol,
li ol ol,
li ul ol {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 1.5em;
  margin-left: 1.5rem;
}

listing {
  display: block;
  padding: 0;
  margin: 1em 0em;
  margin: 1rem 0rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
  font-size: 1em;
  font-size: 1rem;
}

map {
  display: block;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

nobr {
  white-space: nowrap;
}

noembed {
  display: none;
}

object {
  display: block;
  padding: 0;
  margin: 0;
  height: 0;
}

ol {
  display: block;
  padding: 0;
  margin-top: 0.5em;
  margin-top: 0.5rem;
  margin-right: 0;
  margin-bottom: 0.5em;
  margin-bottom: 0.5rem;
  margin-left: 1.5em;
  margin-left: 1.5rem;
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ol ol ol ol {
  list-style-type: decimal;
}

optgroup,
optgroup:visited,
optgroup:hover,
optgroup:focus,
optgroup:active {
  margin: 0;
  padding: 0.1em 0.4em 0.1em 0.4em;
  padding: 0.1rem 0.4rem 0.1rem 0.4rem;
  font-style: inherit;
  font-weight: bold;
  cursor: pointer;
  background: #fff;
  border: none;
}

optgroup:visited,
optgroup:hover,
optgroup:focus,
optgroup:active {
  background: #f9f9ff;
}

option,
option:visited,
option:hover,
option:focus,
option:active {
  margin: 0;
  padding: 0.1em 0.4em 0.1em 0.4em;
  padding: 0.1rem 0.4rem 0.1rem 0.4rem;
  cursor: pointer;
  background: #fff;
  border: none;
}

option:visited,
option:hover,
option:focus,
option:active {
  background: #f9f9ff;
}

p {
  display: block;
  clear: none;
  padding: 0;
  margin: 0.5em 0em 0.5em 0em;
  margin: 0.5rem 0rem 0.5rem 0rem;
}

pre {
  display: block;
  padding: 0;
  margin: 1em 0em;
  margin: 1rem 0rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
  font-size: 1em;
  font-size: 1rem;
}

q {
  display: inline;
}

s {
  display: inline;
  text-decoration: line-through;
}

samp {
  display: inline;
  font-family: monospace;
  font-size: 1em;
  font-size: 1rem;
}

select,
select:visited,
select:hover,
select:focus,
select:active {
  /* BUG FIX : Newest Chrome browser ignores padding on dropdown selects without this hack. */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 0;
  max-width: none;
  padding: 0.2em 0.2em 0.2em 0.2em;
  padding: 0.2rem 0.2rem 0.2rem 0.2rem;
  margin: 0;
  text-transform: none;
  /*border-radius: .2em;*/
  border-radius: 0px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
  line-height: normal;
}

select:hover,
select:focus,
select:active {
  /*background: #f9f9ff;*/
  border: 1px solid #999;
  outline: 1px solid #999; /* added */
}

select:focus {
  background: #fff;
  border: 1px solid #999;
  outline: 1px solid #999; /* added */
}

select:required:visited:valid,
select:required:valid {
  background: #fff;
  border: 1px solid #7fbe96;
}

select:required:hover:valid {
  /*background: #f9f9ff;*/
  border: 1px solid #278b3d;
  outline: 1px solid #278b3d; /* added */
}

select:required:focus:valid {
  background: #fff;
  border: 1px solid #278b3d;
  outline: 1px solid #278b3d; /* added */
}

select:required:visited:invalid,
select:required:invalid {
  background: #fff;
  border: 1px solid #ff6565;
}

select:required:hover:invalid {
  /*background: #f9f9ff;*/
  border: 1px solid #ce2f2f;
  outline: 1px solid #ce2f2f; /* added */
}

select:required:focus:invalid {
  background: #fff;
  border: 1px solid #ce2f2f;
  outline: 1px solid #ce2f2f; /* added */
}

select[disabled],
select[readonly],
select[disabled=disabled],
select[readonly=readonly],
select[disabled]:visited,
select[readonly]:visited,
select[disabled=disabled]:visited,
select[readonly=readonly]:visited,
select[disabled]:hover,
select[readonly]:hover,
select[disabled=disabled]:hover,
select[readonly=readonly]:hover,
select[disabled]:focus,
select[readonly]:focus,
select[disabled=disabled]:focus,
select[readonly=readonly]:focus,
select[disabled]:active,
select[readonly]:active,
select[disabled=disabled]:active,
select[readonly=readonly]:active {
  border: 1px solid #aaa;
  background: #f0f0f0;
  color: #999;
  cursor: default !important;
}

select[multiple],
select[multiple]:visited,
select[multiple]:hover,
select[multiple]:focus,
select[multiple]:active {
  padding: 0;
}

small {
  display: inline;
  font-size: small;
  font-size: smaller;
}

span {
  display: inline;
}

strike {
  display: inline;
  text-decoration: line-through;
}

strong {
  display: inline;
  font-weight: bold;
  font-weight: bolder;
}

sub {
  display: inline;
  font-size: smaller;
  line-height: inherit;
  padding: 0px 1px;
  vertical-align: baseline;
  position: relative;
  top: 0.2em;
  top: 0.2rem;
}

sup {
  display: inline;
  font-size: smaller;
  line-height: inherit;
  padding: 0px 1px;
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
  top: -0.3rem;
}

table {
  display: table;
  table-layout: auto;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  border-spacing: 0;
  border-collapse: collapse;
  vertical-align: top;
}

tbody {
  display: table-row-group;
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}

td {
  display: table-cell;
  margin: 0;
  padding: 0.5em;
  padding: 0.5rem;
  border: 1px solid #000;
  border-spacing: 0;
  border-collapse: collapse;
  color: inherit;
  empty-cells: show;
  text-align: left;
  vertical-align: top;
}

textarea,
textarea:visited,
textarea:hover,
textarea:focus,
textarea:active {
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 20em;
  min-width: 20rem;
  max-width: 95%;
  /*
  min-height: 10em;
  min-height: 10rem;
  */
  padding: 0.5em;
  padding: 0.5rem;
  margin: 0;
  -webkit-appearance: textarea;
  -moz-appearance: textfield-multiline;
  cursor: text;
  overflow: auto;
  resize: both;
  background-color: #fff;
  word-wrap: normal;
  border: 1px solid #ccc;
  /*border-radius: .2em;*/
  font-family: inherit;
  line-height: normal;
  transition: border 300ms ease, background 300ms ease;
}

textarea:visited,
textarea:hover,
textarea:focus,
textarea:active {
  background: #fcfcfc;
  border: 1px solid #ccc;
  outline: 1px solid #ccc;
  transition: border 300ms ease, background 300ms ease;
}

textarea:focus {
  /*background: #fff;*/
  /* border: 1px solid #ddd; */
}

textarea:required:visited:valid,
textarea:required:valid {
  /*background: #fff;*/
  /*border: 1px solid #7fbe96;*/
}

textarea:required:hover:valid {
  /*background: #f9f9ff;*/
  /*border: 1px solid #278b3d;*/
}

textarea:required:focus:valid {
  /*background: #fff;*/
  /*border: 1px solid #278b3d;*/
}

textarea:required:visited:invalid,
textarea:required:invalid {
  /*background: #fff;*/
  /*border: 1px solid #ff6565;*/
}

textarea:required:hover:invalid {
  /*background: #f9f9ff;*/
  /*border: 1px solid #ce2f2f;*/
}

textarea:required:focus:invalid {
  /*background: #fff;*/
  /*border: 1px solid #ce2f2f;*/
}

textarea[disabled],
textarea[readonly],
textarea[disabled=disabled],
textarea[readonly=readonly],
textarea[disabled]:visited,
textarea[readonly]:visited,
textarea[disabled=disabled]:visited,
textarea[readonly=readonly]:visited,
textarea[disabled]:hover,
textarea[readonly]:hover,
textarea[disabled=disabled]:hover,
textarea[readonly=readonly]:hover,
textarea[disabled]:focus,
textarea[readonly]:focus,
textarea[disabled=disabled]:focus,
textarea[readonly=readonly]:focus,
textarea[disabled]:active,
textarea[readonly]:active,
textarea[disabled=disabled]:active,
textarea[readonly=readonly]:active {
  /*border: 1px solid #bbb;*/
  /*background: #f0f0f0;*/
  /*color: #999;*/
  cursor: default !important;
}

textarea::placeholder {
  color: #999;
}

tfoot {
  display: table-footer-group;
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}

th {
  display: table-cell;
  margin: 0;
  padding: 0.5em;
  padding: 0.5rem;
  border: 1px solid #000;
  border-spacing: 0;
  border-collapse: collapse;
  font-weight: bold;
  color: inherit;
  empty-cells: show;
  text-align: center;
  vertical-align: top;
}

thead {
  display: table-header-group;
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}

tr {
  display: table-row;
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}

tt {
  font-family: monospace;
  font-size: 1em;
  font-size: 1rem;
}

u {
  -webkit-text-decoration: dashed underline red;
  text-decoration: dashed underline red;
  -webkit-text-decoration: wavy underline red;
  text-decoration: wavy underline red;
}

ul {
  display: block;
  padding: 0;
  margin-top: 0.5em;
  margin-top: 0.5rem;
  margin-right: 0;
  margin-bottom: 0.5em;
  margin-bottom: 0.5rem;
  margin-left: 1.5em;
  margin-left: 1.5rem;
  list-style-type: disc;
}

ul ul {
  list-style-type: circle;
}

ul ul ul {
  list-style-type: square;
}

ul ul ul ul {
  list-style-type: disc;
}

var {
  display: inline;
  font-weight: bold;
  font-style: italic;
  font-family: monospace;
  font-size: 1em;
  font-size: 1rem;
}

xmp {
  font-family: monospace;
}

menu,
menuitem,
mark,
output,
rb,
rbc,
rtc,
summary,
template,
time,
wbr {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  word-spacing: inherit;
  letter-spacing: inherit;
  color: inherit;
}

keygen {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  visibility: hidden;
}

bdi,
data {
  display: inline;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  word-spacing: inherit;
  white-space: inherit;
  letter-spacing: inherit;
  color: inherit;
}

audio,
canvas,
meter,
picture,
progress,
svg,
video {
  /*display: inline-block;*/
  /*max-width: 100%;*/
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  word-spacing: inherit;
  white-space: inherit;
  letter-spacing: inherit;
  color: inherit;
}

/* required to remove inline spacing below wrapped images */
picture {
  display: block;
}

article,
aside,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
  background: none;
  font-family: inherit;
  font-size: inherit;
  word-spacing: inherit;
  white-space: inherit;
  letter-spacing: inherit;
  color: inherit;
  line-height: inherit;
}

figure {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0;
}

figcaption {
  display: block;
  clear: both;
  text-align: center;
  vertical-align: top;
  padding: 0.1em 0.5em 0.25em 0.5em;
  padding: 0.1rem 0.5rem 0.25rem 0.5rem;
}

mark {
  display: inline;
  background-color: yellow;
  color: inherit;
}

menu {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 2px solid #bbb;
  background: white;
}

menuitem {
  display: block;
  margin: 0.1em 0;
  margin: 0.1rem 0;
  padding: 0.1em 0.5em;
  padding: 0.1rem 0.5rem;
  background: none;
}

output,
output:visited,
output:hover,
output:focus,
output:active {
  display: block;
  /*width: 12em;
   max-width:12em;*/
  cursor: pointer;
  width: auto;
  margin: 0;
  /*border-radius: .2em;*/
  border: 2px solid #bbb;
  background: #fff;
  line-height: normal;
  height: 2em;
  height: 2rem;
  padding: 0.2em 0.2em;
  padding: 0.2rem 0.2rem;
}

details {
  cursor: default;
}

summary {
  padding: 0.2em 1em;
  padding: 0.2rem 1rem;
  cursor: pointer;
}

time {
  -webkit-text-decoration: dashed underline #000000;
  text-decoration: dotted underline #000;
}

a img {
  /*display: inline-block;*/
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  vertical-align: middle;
}

form div {
  /*margin: .2em 0;*/
}

/* Rules below only taregt older versions color-profile Internet Explorer */

@media \0 screen {
  html article,
  html aside,
  html div,
  html header,
  html main,
  html footer,
  html section,
  html audio,
  html bdi,
  html details,
  html dialog,
  html embed,
  html figcaption,
  html figure,
  html hgroup,
  html summary,
  html video {
    max-width: 100%;
    max-height: none;
  }
  details {
    list-style: none;
  }
  summary {
    cursor: default;
  }
  input[type=button],
  input[type=reset],
  input[type=submit],
  input[type=button]:visited,
  input[type=button]:hover,
  input[type=button]:focus,
  input[type=button]:active,
  input[type=reset]:visited,
  input[type=reset]:hover,
  input[type=reset]:focus,
  input[type=reset]:active,
  input[type=submit]:visited,
  input[type=submit]:hover,
  input[type=submit]:focus,
  input[type=submit]:active {
    padding: 0.12em 0.5em;
    padding: 0.12rem 0.5rem;
  }
  select,
  select:visited,
  select:hover,
  select:focus,
  select:active {
    border: 2px solid #bbb;
    padding: 0.12em 0.12em;
    padding: 0.12rem 0.12rem;
  }
  input[type=file],
  input[type=file]:visited,
  input[type=file]:hover,
  input[type=file]:focus,
  input[type=file]:active {
    padding: 0.19em 0.19em;
    padding: 0.19rem 0.19rem;
  }
}

@media all and (min-width: 0\0 ) and (min-resolution: 0.001dpcm) {
  details {
    list-style: none;
  }
  summary {
    cursor: default;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  input,
  input:visited,
  input:hover,
  input:focus,
  input:active {
    outline: none;
  }
  select,
  select:visited,
  select:hover,
  select:focus,
  select:active {
    outline: none;
  }
  details {
    list-style: none;
    cursor: default;
  }
  summary {
    cursor: default;
  }
}
/* ================ New Browser HTML Effects ================== */
/* New Chrome user agent style for "focus-visible" effects when validating required fields. Creates a black rounded outline (for input text fields) with curved radius on the border color when focusing on a required HTML5 field. Ugly! I have turned this off for all focus events for this theme. */
html :focus-visible {
  /*outline: -webkit-focus-ring-color auto 1px;*/
  outline: 0;
}