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*/
}

body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.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;
}

@font-face {
   font-family: 'robotolight';
   src: url('./fonts/Roboto-Light-webfont.eot');
   src: url('./fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'robotobold';
   src: url('./fonts/Roboto-Bold-webfont.eot');
   src: url('./fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold-webfont.woff') format('woff'), url('fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'robotoregular';
   src: url('./fonts/Roboto-Regular-webfont.eot');
   src: url('./fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'robotomedium';
   src: url('./fonts/Roboto-Medium-webfont.eot');
   src: url('./fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium-webfont.woff') format('woff'), url('fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'quicksand-bold';
   src: url('./fonts/quicksand-bold-webfont.eot');
   src: url('./fonts/quicksand-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/quicksand-bold-webfont.woff') format('woff'), url('fonts/quicksand-bold-webfont.ttf') format('truetype'), url('fonts/quicksand-bold-webfont.svg#quicksand-bold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'opensans';
   src: url('./fonts/OpenSans.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'PT Sans';
   src: url('./fonts/PTSans-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'PT Sans';
   src: url('./fonts/PTSans-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: 'PT Sans';
   src: url('./fonts/PTSans-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
}

@font-face {
   font-family: 'PT Sans';
   src: url('./fonts/PTSans-BoldItalic.ttf') format('truetype');
   font-weight: bold;
   font-style: italic;
}