html, body, div, span, p, button, img, h1, h2, h4, h4, h5, h6, ul, li, menu, label, input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

button, input, optgroup, select, textarea, pre {
  color: inherit;
  font: inherit;
  margin: 0;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
}

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

td,th {
  padding: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

li {
  list-style: none;
}

// End normalize
body {
  font: normal 100%;
}

@for $i from 1 to 6 {
  h$i {
    margin: 0;
    font-size: calc(1rem + (6 - $i) * .05rem);
  }
}

[data-icon-name="Calendar"] {
  color: #9c9fa2 !important;
  font-size: 32px !important;
  font-family: 'fosol-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

[dir='ltr'] [data-icon-name="Calendar"] {
  right: -2px !important;
}

[dir='rtl'] [data-icon-name="Calendar"] {
  left: -2px !important;
}

[data-icon-name="Calendar"]:before{
  content: "\e959" ;
}


[data-icon-name="Up"] , [data-icon-name="Down"] {
  color: #9c9fa2 !important;
  font-size: 24px !important;
  font-family: 'fosol-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

[dir='ltr'] [data-icon-name="Up"]:before{
  content: "\e934" ;
}

[dir='ltr'] [data-icon-name="Down"]:before{
  content: "\e927" ;
}

[dir='rtl'] [data-icon-name="Up"]:before {
  content: "\e927" ;
}

[dir='rtl'] [data-icon-name="Down"]:before {
  content: "\e934" ;
}