@media (max-width: 959px) {

   body #root,
   html #root,
   html input,
   html textarea {
      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;
}

.react-tabs {
    -webkit-tap-highlight-color: transparent;
    height: 100%;
}

.react-tabs__tab-list {
    margin: 0;
    padding: 0;
    display: block;
    overflow-y: auto;
    width: 100%;
    white-space: nowrap;
    margin-top: -1px;
}

.react-tabs__tab {
    display: inline-block;
    border: 1px solid transparent;
    border-top: none;
    top: -1px;
    position: relative;
    list-style: none;
    padding: 6px 12px;
    cursor: pointer;
}

.react-tabs__tab--selected {
    background: #F8FBFB;
    border-color: #aaa;
    color: black;
}

.react-tabs__tab-panel {
    display: none;
}

.react-tabs__tab-panel--selected {
    display: block;
}

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

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