/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, ins {
  text-decoration: none;
}

a img {
  border: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a, a:hover, a:focus {
  outline: none;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button,
input[type='submit'] {
  border: none;
  background-color: transparent;
  outline: 0;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
select,
button:focus {
  outline: 0;
	   border:0;
}

input {
  line-height: normal;
}


input:focus {
  outline: 0;
}

/* #Basic Styles
================================================== */
/*html, body {
  height: 100%;
	min-height:100%;
}*/
html {
  height: 100%;
}
body {
	min-height:100%;
}

html {
  font-size: 1em;
  -webkit-text-size-adjust: 1em;
  -ms-text-size-adjust: 1em;
	  text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased !important;
/*   overflow-y: -moz-scrollbars-vertical; */
/*   overflow-y: scroll; */
  -ms-overflow-style: none;
  /* auto | none | scrollbar | -ms-autohiding-scrollbar */
}

/* Chrome */
::-webkit-scrollbar {
	display: none;
}

* {
  -webkit-touch-callout: none;
  /*inherit or none*/
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /*rgba(0,0,0,0)*/
  -webkit-user-select: text;
  /*auto none text*/
  -webkit-text-size-adjust: none;
  /*auto none text*/
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;*/
	  font-family: -apple-system,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 16px;
		font-weight: 400;
  line-height: 1.2;
  color: #333;
}

.bgalert {
  background: yellow;
}

.offline_alert{
	margin-left: .25em;
}

.offline_alert.checknetwork:before {
  color: red;
  font-family: FontAwesome;
  content: "\f071";
}

.offline_alert.checknetwork:after {
  color: red;
  content: " OFFLINE: Check Network";
}

@media only screen and (max-width: 767px){
	.offline_alert.checknetwork:after {
			content: " OFFLINE";
	}
}