a:link {color: inherit;text-decoration: none;}
a:visited {color: inherit}
a:hover {color:inherit; text-decoration: none;}
a:active{color:inherit;text-decoration: none; }

html {
  font-size: 62.5%;
}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Arial", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
  overflow-x: hidden;
  cursor: default; /* So we have the text cursor only for editable zones */
}

html, body, #root {
  height: 100%;
  min-height: 100%;
}

h1 { font-size: 3.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.8rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.4rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.0rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

.Select-menu-outer{
  max-height: 21.2em !important;
}
.Select-menu{
  max-height: 21rem !important;
}

.handsontableInput {
  font-size: inherit !important;
}

.handsontable-compare-highlight {
  color: white !important;
  font-weight: bold !important;
  background: #007586 !important;
}

::-ms-clear { display: none; }

::-webkit-input-placeholder {
  color:    darkgrey;
}
:-moz-placeholder {
  color:    darkgrey;
}
::-moz-placeholder {
  color:    darkgrey;
}
:-ms-input-placeholder {
  color:    darkgrey;
}