body,
html {
   height: 100%;
   margin: 0;
	padding: 0;
	color:#888;
   font-family:  'Open Sans', sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	overflow: hidden;
   background-color:#E9EBF2;
   /* only the shell elements should scroll*/
}

@media (max-width: 959px) {
   body *,
   html *{
      font-size: 16px;
   }
}

pre{
	font-family: inherit;
}

th {
   font-weight: normal;
	font-family: inherit;
}

textarea {
	font-family: inherit;
}

#root {
   height: 100%;
   width: 100%;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   -ms-flex-direction: column;
}

p {
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}



sub {
   bottom: -0.7em;
   margin: 0;
   padding: 0;
   border: 0;
   vertical-align: baseline;
}

sub,
sup {
   font-size: 60%;
   position: relative;
}

img {
   height: 0px;
   /*prevent giant image flashes before webpack css loads*/
}

.no-css-transitions [stoptransitions="true"],
.no-css-transitions [stoptransitions="true"] * {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -ms-transition: none !important;
   -o-transition: none !important;
   transition: none !important;
}

/*
   REDACTOR - CSS Changes
*/
.redactor-box {
   border:2px solid var(--form-input-color) !important;
   min-height:143px;
}

.redactor-toolbar-wrapper {
   z-index:1;
}