html, body {
	min-height: 100%;
	padding: 0;
	margin: 0;
}

html, body, #mobileAppDiv, .momentMagicContainer  {
	height: 100%;
}

::-webkit-scrollbar {
	/* height: 14px !important; */
  height: 8px !important;
	width: 6px !important;
  background-color: inherit;
}
 
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
 
::-webkit-scrollbar-thumb {
  /* background-color: #3f3f3f; */
  /* background-color: #b7b7b7; */
  background-color: rgba(183, 183, 183, 0.33);
/*   outline: 1px solid slategrey; */
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #b7b7b7;
}

::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #b7b7b7;
}

::-webkit-scrollbar:vertical:hover {
  width: 8px;
}

::-moz-scrollbar, ::-moz-scrollbar:hover {
	height: 6px !important;
	width: 6px !important;
    background-color: inherit;
}
 
::-moz-scrollbar-track, ::-moz-scrollbar-track:hover {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
 
::-moz-scrollbar-thumb, ::-moz-scrollbar-thumb:hover {
  background-color: #b7b7b7;
/*   outline: 1px solid slategrey; */
  border-radius: 6px;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    font-size: 16px;
    line-height: normal;
    font-family: 'Nunito';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
blockquote,
figure
{
    margin: 0;
    padding: 0;
}

main,
li {
    display: block;
}
h1,
h2,
h3,
h4 {
    font-size: inherit;
    font-weight: 300;
}
strong {
    font-weight: bold;
}
a,
button {
    color: inherit;
    /* transition: .3s; */
}
a {
    text-decoration: none;
}
button {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
/*     letter-spacing: inherit; */
    background: none;
    cursor: pointer;
}
select {
  font-family: 'Nunito';
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/*** Input Slider Reset ***/

input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/*TODO-MAC make a special focus style for all possible focuses to account for accessibility*/
:focus {
    outline: 0;
}

/*** Base States ***/

.isVisible {
	display: inherit;
}

/* img { */
/*     max-width: 100%; */
/*     height: auto; */
/*     border: 0; */
/* } */


.moment-content-synonyms {
	font-size: .8em !important;
	font-style: italic !important;
	color: #dbdbdb !important;
/*     width: 70%; */
	white-space: normal !important;
	padding: 5px 0px !important;
	margin-bottom: 16px;
}