body,
html {
   height: 100%;
   margin: 0;
   padding: 0;
   font-family: "arial";
   font-size: 12px;
   overflow: hidden;
   /* 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: "arial";
}

textarea {
   font-family: "arial";
}

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

button.outline-button {
   border: 1px solid #8A4F7D;
   width: 142px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   padding: 10px;
   border-radius: 0px;
   background-color: transparent
}

button.grey-button {
   border: 1px solid #E5DCDD;
   width: 142px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   padding: 10px;
   border-radius: 0px;
   background-color: #E5DCDD
}

button.pink-button {
   width: 142px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   padding: 11px;
   color: #fff;
   border-radius: 0px;
   background-color: #E40571;
}

button.light-purple-button {
   width: 142px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   padding: 11px;
   color: #fff;
   border-radius: 0px;
   background-color: #a46094;
}

button.small-button {
   min-height: 28px;
   height: 28px;
   padding: 0px 12px;
   font-weight: normal;
}

.clickable {
   cursor: pointer;
}