/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

html {
  -webkit-tap-highlight-color: transparent
}

body {
  font-family: Arial, Verdana, Tahoma;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.429;
  color: rgba(0, 0, 0, .87);
  background-color: #FFF
}

a {
  color: #2196F3;
  text-decoration: none
}

a:focus, a:hover {
  text-decoration: underline
}

a:focus {
  outline: thin dotted;
  outline: .313rem auto -webkit-focus-ring-color;
  outline-offset: -.125rem
}

p {
  margin: 0 0 .625rem
}

ol, ul {
  margin-top: 0;
  margin-bottom: .625rem
}

hr {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, .12)
}

strong {
  font-weight: 700
}

abbr[title] {
  cursor: help;
  -webkit-text-decoration-color: #2196F3;
  text-decoration-color: #2196F3
}

h1, h2, h3 {
  margin-top: 1.25rem;
  margin-bottom: .625rem
}

h4, h5, h6 {
  margin-top: .625rem;
  margin-bottom: .625rem
}

.mui--appbar-height {
  height: 3.5rem
}

.mui--appbar-min-height, .mui-appbar {
  min-height: 3.5rem
}

.mui--appbar-line-height {
  line-height: 3.5rem
}

.mui--appbar-top {
  top: 3.5rem
}

@media (orientation:landscape) and (max-height:480px) {
  .mui--appbar-height {
    height: 3rem
  }
  .mui--appbar-min-height, .mui-appbar {
    min-height: 3rem
  }
  .mui--appbar-line-height {
    line-height: 3rem
  }
  .mui--appbar-top {
    top: 3rem
  }
}

@media (min-width:480px) {
  .mui--appbar-height {
    height: 4rem
  }
  .mui--appbar-min-height, .mui-appbar {
    min-height: 4rem
  }
  .mui--appbar-line-height {
    line-height: 4rem
  }
  .mui--appbar-top {
    top: 4rem
  }
}

.mui-appbar {
  background-color: #2196F3;
  color: #FFF
}

.mui-btn {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, .87);
  background-color: #FFF;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  height: 2.25rem;
  padding: 0 1.625rem;
  margin: .375rem 0;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-image: none;
  text-align: center;
  line-height: 2.25rem;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .875rem;
  font-family: inherit;
  letter-spacing: .03em;
  position: relative;
  overflow: hidden
}

.mui-btn:active, .mui-btn:focus, .mui-btn:hover {
  color: rgba(0, 0, 0, .87);
  background-color: #fff
}

.mui-btn[disabled]:active, .mui-btn[disabled]:focus, .mui-btn[disabled]:hover {
  color: rgba(0, 0, 0, .87);
  background-color: #FFF
}

.mui-btn.mui-btn--flat {
  color: rgba(0, 0, 0, .87);
  background-color: transparent
}

.mui-btn.mui-btn--flat:active, .mui-btn.mui-btn--flat:focus, .mui-btn.mui-btn--flat:hover {
  color: rgba(0, 0, 0, .87);
  background-color: #f2f2f2
}

.mui-btn.mui-btn--flat[disabled]:active, .mui-btn.mui-btn--flat[disabled]:focus, .mui-btn.mui-btn--flat[disabled]:hover {
  color: rgba(0, 0, 0, .87);
  background-color: transparent
}

.mui-btn:active, .mui-btn:focus, .mui-btn:hover {
  outline: 0;
  text-decoration: none;
  color: rgba(0, 0, 0, .87)
}

.mui-btn:focus, .mui-btn:hover {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2)
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .mui-btn:focus, .mui-btn:hover {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2)
  }
}

@supports (-ms-ime-align:auto) {
  .mui-btn:focus, .mui-btn:hover {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2)
  }
}

.mui-btn:active:hover {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2)
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .mui-btn:active:hover {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2)
  }
}

@supports (-ms-ime-align:auto) {
  .mui-btn:active:hover {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2)
  }
}

.mui-btn.mui--is-disabled, .mui-btn:disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .6;
  -webkit-box-shadow: none;
  box-shadow: none
}

.mui-btn+.mui-btn {
  margin-left: .5rem
}

.mui-btn--flat {
  background-color: transparent
}

.mui-btn--flat:active, .mui-btn--flat:active:hover, .mui-btn--flat:focus, .mui-btn--flat:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f2f2f2
}

.mui-btn--fab, .mui-btn--raised {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2)
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .mui-btn--fab, .mui-btn--raised {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2)
  }
}

@supports (-ms-ime-align:auto) {
  .mui-btn--fab, .mui-btn--raised {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2)
  }
}

.mui-btn--fab:active, .mui-btn--raised:active {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2)
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .mui-btn--fab:active, .mui-btn--raised:active {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2)
  }
}

@supports (-ms-ime-align:auto) {
  .mui-btn--fab:active, .mui-btn--raised:active {
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .12), 0 0 4px rgba(0, 0, 0, .12), 1px 3px 4px rgba(0, 0, 0, .2)
  }
}

.mui-btn--fab {
  position: relative;
  padding: 0;
  width: 3.438rem;
  height: 3.438rem;
  line-height: 3.438rem;
  border-radius: 50%;
  z-index: 1
}

.mui-btn--primary {
  color: #FFF;
  background-color: #2196F3
}

.mui-btn--primary:active, .mui-btn--primary:focus, .mui-btn--primary:hover {
  color: #FFF;
  background-color: #39a1f4
}

.mui-btn--primary[disabled]:active, .mui-btn--primary[disabled]:focus, .mui-btn--primary[disabled]:hover {
  color: #FFF;
  background-color: #2196F3
}

.mui-btn--primary.mui-btn--flat {
  color: #2196F3;
  background-color: transparent
}

.mui-btn--primary.mui-btn--flat:active, .mui-btn--primary.mui-btn--flat:focus, .mui-btn--primary.mui-btn--flat:hover {
  color: #2196F3;
  background-color: #f2f2f2
}

.mui-btn--primary.mui-btn--flat[disabled]:active, .mui-btn--primary.mui-btn--flat[disabled]:focus, .mui-btn--primary.mui-btn--flat[disabled]:hover {
  color: #2196F3;
  background-color: transparent
}

.mui-btn--dark {
  color: #FFF;
  background-color: #424242
}

.mui-btn--dark:active, .mui-btn--dark:focus, .mui-btn--dark:hover {
  color: #FFF;
  background-color: #4f4f4f
}

.mui-btn--dark[disabled]:active, .mui-btn--dark[disabled]:focus, .mui-btn--dark[disabled]:hover {
  color: #FFF;
  background-color: #424242
}

.mui-btn--dark.mui-btn--flat {
  color: #424242;
  background-color: transparent
}

.mui-btn--dark.mui-btn--flat:active, .mui-btn--dark.mui-btn--flat:focus, .mui-btn--dark.mui-btn--flat:hover {
  color: #424242;
  background-color: #f2f2f2
}

.mui-btn--dark.mui-btn--flat[disabled]:active, .mui-btn--dark.mui-btn--flat[disabled]:focus, .mui-btn--dark.mui-btn--flat[disabled]:hover {
  color: #424242;
  background-color: transparent
}

.mui-btn--danger {
  color: #FFF;
  background-color: #F44336
}

.mui-btn--danger:active, .mui-btn--danger:focus, .mui-btn--danger:hover {
  color: #FFF;
  background-color: #f55a4e
}

.mui-btn--danger[disabled]:active, .mui-btn--danger[disabled]:focus, .mui-btn--danger[disabled]:hover {
  color: #FFF;
  background-color: #F44336
}

.mui-btn--danger.mui-btn--flat {
  color: #F44336;
  background-color: transparent
}

.mui-btn--danger.mui-btn--flat:active, .mui-btn--danger.mui-btn--flat:focus, .mui-btn--danger.mui-btn--flat:hover {
  color: #F44336;
  background-color: #f2f2f2
}

.mui-btn--danger.mui-btn--flat[disabled]:active, .mui-btn--danger.mui-btn--flat[disabled]:focus, .mui-btn--danger.mui-btn--flat[disabled]:hover {
  color: #F44336;
  background-color: transparent
}

.mui-btn--accent {
  color: #FFF;
  background-color: #FF4081
}

.mui-btn--accent:active, .mui-btn--accent:focus, .mui-btn--accent:hover {
  color: #FFF;
  background-color: #ff5a92
}

.mui-btn--accent[disabled]:active, .mui-btn--accent[disabled]:focus, .mui-btn--accent[disabled]:hover {
  color: #FFF;
  background-color: #FF4081
}

.mui-btn--accent.mui-btn--flat {
  color: #FF4081;
  background-color: transparent
}

.mui-btn--accent.mui-btn--flat:active, .mui-btn--accent.mui-btn--flat:focus, .mui-btn--accent.mui-btn--flat:hover {
  color: #FF4081;
  background-color: #f2f2f2
}

.mui-btn--accent.mui-btn--flat[disabled]:active, .mui-btn--accent.mui-btn--flat[disabled]:focus, .mui-btn--accent.mui-btn--flat[disabled]:hover {
  color: #FF4081;
  background-color: transparent
}

.mui-btn--small {
  height: 1.9125rem;
  line-height: 1.9125rem;
  padding: 0 1rem;
  font-size: .813rem
}

.mui-btn--large {
  height: 3.375rem;
  line-height: 3.375rem;
  padding: 0 1.625rem;
  font-size: .875rem
}

.mui-btn--fab.mui-btn--small {
  width: 2.75rem;
  height: 2.75rem;
  line-height: 2.75rem
}

.mui-btn--fab.mui-btn--large {
  width: 4.688rem;
  height: 4.688rem;
  line-height: 4.688rem
}

.mui-checkbox, .mui-radio {
  position: relative;
  display: block;
  margin-top: .625rem;
  margin-bottom: .625rem
}

.mui-checkbox>label, .mui-radio>label {
  min-height: 1.25rem;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer
}

.mui-checkbox input:disabled, .mui-radio input:disabled {
  cursor: not-allowed
}

.mui-checkbox input:focus, .mui-radio input:focus {
  outline: thin dotted;
  outline: .313rem auto -webkit-focus-ring-color;
  outline-offset: -.125rem
}

.mui-checkbox--inline>label>input[type=checkbox], .mui-checkbox>label>input[type=checkbox], .mui-radio--inline>label>input[type=radio], .mui-radio>label>input[type=radio] {
  position: absolute;
  margin-left: -20px;
  margin-top: .25rem
}

.mui-checkbox+.mui-checkbox, .mui-radio+.mui-radio {
  margin-top: -.313rem
}

.mui-checkbox--inline, .mui-radio--inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: 400;
  cursor: pointer
}

.mui-checkbox--inline>input[type=checkbox], .mui-checkbox--inline>input[type=radio], .mui-checkbox--inline>label>input[type=checkbox], .mui-checkbox--inline>label>input[type=radio], .mui-radio--inline>input[type=checkbox], .mui-radio--inline>input[type=radio], .mui-radio--inline>label>input[type=checkbox], .mui-radio--inline>label>input[type=radio] {
  margin: .25rem 0 0;
  line-height: normal
}

.mui-checkbox--inline+.mui-checkbox--inline, .mui-radio--inline+.mui-radio--inline {
  margin-top: 0;
  margin-left: 10px
}

.mui-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.mui-container:after, .mui-container:before {
  content: " ";
  display: table
}

.mui-container:after {
  clear: both
}

@media (min-width:544px) {
  .mui-container {
    max-width: 570px
  }
}

@media (min-width:768px) {
  .mui-container {
    max-width: 740px
  }
}

@media (min-width:992px) {
  .mui-container {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .mui-container {
    max-width: 1170px
  }
}

.mui-container-fluid {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.mui-container-fluid:after, .mui-container-fluid:before {
  content: " ";
  display: table
}

.mui-container-fluid:after {
  clear: both
}

.mui-divider {
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, .12)
}

.mui--divider-top {
  border-top: 1px solid rgba(0, 0, 0, .12)
}

.mui--divider-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mui--divider-left {
  border-left: 1px solid rgba(0, 0, 0, .12)
}

.mui--divider-right {
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mui-dropdown {
  display: inline-block;
  position: relative
}

[data-mui-toggle=dropdown] {
  outline: 0
}

.mui-dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 10rem;
  padding: .313rem 0;
  margin: .125rem 0 0;
  list-style: none;
  font-size: .875rem;
  text-align: left;
  background-color: #FFF;
  border-radius: 2px;
  z-index: 1;
  background-clip: padding-box
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .mui-dropdown__menu {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-left: 1px solid rgba(0, 0, 0, .12)
  }
}

@supports (-ms-ime-align:auto) {
  .mui-dropdown__menu {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-left: 1px solid rgba(0, 0, 0, .12)
  }
}

.mui-dropdown__menu.mui--is-open {
  display: block
}

.mui-dropdown__menu>li>a {
  display: block;
  padding: .188rem 1.25rem;
  clear: both;
  font-weight: 400;
  line-height: 1.429;
  color: rgba(0, 0, 0, .87);
  text-decoration: none;
  white-space: nowrap
}

.mui-dropdown__menu>li>a:focus, .mui-dropdown__menu>li>a:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  background-color: #EEE
}

.mui-dropdown__menu>.mui--is-disabled>a, .mui-dropdown__menu>.mui--is-disabled>a:focus, .mui-dropdown__menu>.mui--is-disabled>a:hover {
  color: #EEE
}

.mui-dropdown__menu>.mui--is-disabled>a:focus, .mui-dropdown__menu>.mui--is-disabled>a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed
}

.mui-dropdown__menu--right {
  left: auto;
  right: 0
}

.mui-form legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .625rem;
  font-size: 1.3125rem;
  color: rgba(0, 0, 0, .87);
  line-height: inherit;
  border: 0
}

.mui-form fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 1.25rem 0
}

@media (min-width:544px) {
  .mui-form--inline .mui-textfield {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0
  }
  .mui-form--inline .mui-checkbox, .mui-form--inline .mui-radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .mui-form--inline .mui-checkbox>label, .mui-form--inline .mui-radio>label {
    padding-left: 0
  }
  .mui-form--inline .mui-checkbox>label>input[type=checkbox], .mui-form--inline .mui-radio>label>input[type=radio] {
    position: relative;
    margin-left: 0
  }
  .mui-form--inline .mui-select {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0
  }
  .mui-form--inline .mui-btn {
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: bottom
  }
}

.mui-row {
  margin-left: -15px;
  margin-right: -15px
}

.mui-row:after, .mui-row:before {
  content: " ";
  display: table
}

.mui-row:after {
  clear: both
}

.mui-col-lg-1, .mui-col-lg-10, .mui-col-lg-11, .mui-col-lg-12, .mui-col-lg-2, .mui-col-lg-3, .mui-col-lg-4, .mui-col-lg-5, .mui-col-lg-6, .mui-col-lg-7, .mui-col-lg-8, .mui-col-lg-9, .mui-col-md-1, .mui-col-md-10, .mui-col-md-11, .mui-col-md-12, .mui-col-md-2, .mui-col-md-3, .mui-col-md-4, .mui-col-md-5, .mui-col-md-6, .mui-col-md-7, .mui-col-md-8, .mui-col-md-9, .mui-col-sm-1, .mui-col-sm-10, .mui-col-sm-11, .mui-col-sm-12, .mui-col-sm-2, .mui-col-sm-3, .mui-col-sm-4, .mui-col-sm-5, .mui-col-sm-6, .mui-col-sm-7, .mui-col-sm-8, .mui-col-sm-9, .mui-col-xs-1, .mui-col-xs-10, .mui-col-xs-11, .mui-col-xs-12, .mui-col-xs-2, .mui-col-xs-3, .mui-col-xs-4, .mui-col-xs-5, .mui-col-xs-6, .mui-col-xs-7, .mui-col-xs-8, .mui-col-xs-9 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

.mui-col-xs-1, .mui-col-xs-10, .mui-col-xs-11, .mui-col-xs-12, .mui-col-xs-2, .mui-col-xs-3, .mui-col-xs-4, .mui-col-xs-5, .mui-col-xs-6, .mui-col-xs-7, .mui-col-xs-8, .mui-col-xs-9 {
  float: left
}

.mui-col-xs-1 {
  width: 8.33333%
}

.mui-col-xs-2 {
  width: 16.66667%
}

.mui-col-xs-3 {
  width: 25%
}

.mui-col-xs-4 {
  width: 33.33333%
}

.mui-col-xs-5 {
  width: 41.66667%
}

.mui-col-xs-6 {
  width: 50%
}

.mui-col-xs-7 {
  width: 58.33333%
}

.mui-col-xs-8 {
  width: 66.66667%
}

.mui-col-xs-9 {
  width: 75%
}

.mui-col-xs-10 {
  width: 83.33333%
}

.mui-col-xs-11 {
  width: 91.66667%
}

.mui-col-xs-12 {
  width: 100%
}

.mui-col-xs-offset-0 {
  margin-left: 0
}

.mui-col-xs-offset-1 {
  margin-left: 8.33333%
}

.mui-col-xs-offset-2 {
  margin-left: 16.66667%
}

.mui-col-xs-offset-3 {
  margin-left: 25%
}

.mui-col-xs-offset-4 {
  margin-left: 33.33333%
}

.mui-col-xs-offset-5 {
  margin-left: 41.66667%
}

.mui-col-xs-offset-6 {
  margin-left: 50%
}

.mui-col-xs-offset-7 {
  margin-left: 58.33333%
}

.mui-col-xs-offset-8 {
  margin-left: 66.66667%
}

.mui-col-xs-offset-9 {
  margin-left: 75%
}

.mui-col-xs-offset-10 {
  margin-left: 83.33333%
}

.mui-col-xs-offset-11 {
  margin-left: 91.66667%
}

.mui-col-xs-offset-12 {
  margin-left: 100%
}

@media (min-width:544px) {
  .mui-col-sm-1, .mui-col-sm-10, .mui-col-sm-11, .mui-col-sm-12, .mui-col-sm-2, .mui-col-sm-3, .mui-col-sm-4, .mui-col-sm-5, .mui-col-sm-6, .mui-col-sm-7, .mui-col-sm-8, .mui-col-sm-9 {
    float: left
  }
  .mui-col-sm-1 {
    width: 8.33333%
  }
  .mui-col-sm-2 {
    width: 16.66667%
  }
  .mui-col-sm-3 {
    width: 25%
  }
  .mui-col-sm-4 {
    width: 33.33333%
  }
  .mui-col-sm-5 {
    width: 41.66667%
  }
  .mui-col-sm-6 {
    width: 50%
  }
  .mui-col-sm-7 {
    width: 58.33333%
  }
  .mui-col-sm-8 {
    width: 66.66667%
  }
  .mui-col-sm-9 {
    width: 75%
  }
  .mui-col-sm-10 {
    width: 83.33333%
  }
  .mui-col-sm-11 {
    width: 91.66667%
  }
  .mui-col-sm-12 {
    width: 100%
  }
  .mui-col-sm-offset-0 {
    margin-left: 0
  }
  .mui-col-sm-offset-1 {
    margin-left: 8.33333%
  }
  .mui-col-sm-offset-2 {
    margin-left: 16.66667%
  }
  .mui-col-sm-offset-3 {
    margin-left: 25%
  }
  .mui-col-sm-offset-4 {
    margin-left: 33.33333%
  }
  .mui-col-sm-offset-5 {
    margin-left: 41.66667%
  }
  .mui-col-sm-offset-6 {
    margin-left: 50%
  }
  .mui-col-sm-offset-7 {
    margin-left: 58.33333%
  }
  .mui-col-sm-offset-8 {
    margin-left: 66.66667%
  }
  .mui-col-sm-offset-9 {
    margin-left: 75%
  }
  .mui-col-sm-offset-10 {
    margin-left: 83.33333%
  }
  .mui-col-sm-offset-11 {
    margin-left: 91.66667%
  }
  .mui-col-sm-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:768px) {
  .mui-col-md-1, .mui-col-md-10, .mui-col-md-11, .mui-col-md-12, .mui-col-md-2, .mui-col-md-3, .mui-col-md-4, .mui-col-md-5, .mui-col-md-6, .mui-col-md-7, .mui-col-md-8, .mui-col-md-9 {
    float: left
  }
  .mui-col-md-1 {
    width: 8.33333%
  }
  .mui-col-md-2 {
    width: 16.66667%
  }
  .mui-col-md-3 {
    width: 25%
  }
  .mui-col-md-4 {
    width: 33.33333%
  }
  .mui-col-md-5 {
    width: 41.66667%
  }
  .mui-col-md-6 {
    width: 50%
  }
  .mui-col-md-7 {
    width: 58.33333%
  }
  .mui-col-md-8 {
    width: 66.66667%
  }
  .mui-col-md-9 {
    width: 75%
  }
  .mui-col-md-10 {
    width: 83.33333%
  }
  .mui-col-md-11 {
    width: 91.66667%
  }
  .mui-col-md-12 {
    width: 100%
  }
  .mui-col-md-offset-0 {
    margin-left: 0
  }
  .mui-col-md-offset-1 {
    margin-left: 8.33333%
  }
  .mui-col-md-offset-2 {
    margin-left: 16.66667%
  }
  .mui-col-md-offset-3 {
    margin-left: 25%
  }
  .mui-col-md-offset-4 {
    margin-left: 33.33333%
  }
  .mui-col-md-offset-5 {
    margin-left: 41.66667%
  }
  .mui-col-md-offset-6 {
    margin-left: 50%
  }
  .mui-col-md-offset-7 {
    margin-left: 58.33333%
  }
  .mui-col-md-offset-8 {
    margin-left: 66.66667%
  }
  .mui-col-md-offset-9 {
    margin-left: 75%
  }
  .mui-col-md-offset-10 {
    margin-left: 83.33333%
  }
  .mui-col-md-offset-11 {
    margin-left: 91.66667%
  }
  .mui-col-md-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:992px) {
  .mui-col-lg-1, .mui-col-lg-10, .mui-col-lg-11, .mui-col-lg-12, .mui-col-lg-2, .mui-col-lg-3, .mui-col-lg-4, .mui-col-lg-5, .mui-col-lg-6, .mui-col-lg-7, .mui-col-lg-8, .mui-col-lg-9 {
    float: left
  }
  .mui-col-lg-1 {
    width: 8.33333%
  }
  .mui-col-lg-2 {
    width: 16.66667%
  }
  .mui-col-lg-3 {
    width: 25%
  }
  .mui-col-lg-4 {
    width: 33.33333%
  }
  .mui-col-lg-5 {
    width: 41.66667%
  }
  .mui-col-lg-6 {
    width: 50%
  }
  .mui-col-lg-7 {
    width: 58.33333%
  }
  .mui-col-lg-8 {
    width: 66.66667%
  }
  .mui-col-lg-9 {
    width: 75%
  }
  .mui-col-lg-10 {
    width: 83.33333%
  }
  .mui-col-lg-11 {
    width: 91.66667%
  }
  .mui-col-lg-12 {
    width: 100%
  }
  .mui-col-lg-offset-0 {
    margin-left: 0
  }
  .mui-col-lg-offset-1 {
    margin-left: 8.33333%
  }
  .mui-col-lg-offset-2 {
    margin-left: 16.66667%
  }
  .mui-col-lg-offset-3 {
    margin-left: 25%
  }
  .mui-col-lg-offset-4 {
    margin-left: 33.33333%
  }
  .mui-col-lg-offset-5 {
    margin-left: 41.66667%
  }
  .mui-col-lg-offset-6 {
    margin-left: 50%
  }
  .mui-col-lg-offset-7 {
    margin-left: 58.33333%
  }
  .mui-col-lg-offset-8 {
    margin-left: 66.66667%
  }
  .mui-col-lg-offset-9 {
    margin-left: 75%
  }
  .mui-col-lg-offset-10 {
    margin-left: 83.33333%
  }
  .mui-col-lg-offset-11 {
    margin-left: 91.66667%
  }
  .mui-col-lg-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:1200px) {
  .mui-col-xl-1, .mui-col-xl-10, .mui-col-xl-11, .mui-col-xl-12, .mui-col-xl-2, .mui-col-xl-3, .mui-col-xl-4, .mui-col-xl-5, .mui-col-xl-6, .mui-col-xl-7, .mui-col-xl-8, .mui-col-xl-9 {
    float: left
  }
  .mui-col-xl-1 {
    width: 8.33333%
  }
  .mui-col-xl-2 {
    width: 16.66667%
  }
  .mui-col-xl-3 {
    width: 25%
  }
  .mui-col-xl-4 {
    width: 33.33333%
  }
  .mui-col-xl-5 {
    width: 41.66667%
  }
  .mui-col-xl-6 {
    width: 50%
  }
  .mui-col-xl-7 {
    width: 58.33333%
  }
  .mui-col-xl-8 {
    width: 66.66667%
  }
  .mui-col-xl-9 {
    width: 75%
  }
  .mui-col-xl-10 {
    width: 83.33333%
  }
  .mui-col-xl-11 {
    width: 91.66667%
  }
  .mui-col-xl-12 {
    width: 100%
  }
  .mui-col-xl-offset-0 {
    margin-left: 0
  }
  .mui-col-xl-offset-1 {
    margin-left: 8.33333%
  }
  .mui-col-xl-offset-2 {
    margin-left: 16.66667%
  }
  .mui-col-xl-offset-3 {
    margin-left: 25%
  }
  .mui-col-xl-offset-4 {
    margin-left: 33.33333%
  }
  .mui-col-xl-offset-5 {
    margin-left: 41.66667%
  }
  .mui-col-xl-offset-6 {
    margin-left: 50%
  }
  .mui-col-xl-offset-7 {
    margin-left: 58.33333%
  }
  .mui-col-xl-offset-8 {
    margin-left: 66.66667%
  }
  .mui-col-xl-offset-9 {
    margin-left: 75%
  }
  .mui-col-xl-offset-10 {
    margin-left: 83.33333%
  }
  .mui-col-xl-offset-11 {
    margin-left: 91.66667%
  }
  .mui-col-xl-offset-12 {
    margin-left: 100%
  }
}

.mui-panel {
  padding: 15px;
  margin-bottom: 1.25rem;
  border-radius: 0;
  background-color: #FFF;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12)
}

.mui-panel:after, .mui-panel:before {
  content: " ";
  display: table
}

.mui-panel:after {
  clear: both
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .mui-panel {
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .12), -1px 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .12), -1px 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12)
  }
}

@supports (-ms-ime-align:auto) {
  .mui-panel {
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .12), -1px 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .12), -1px 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12)
  }
}

.mui-select {
  display: block;
  padding-top: .9375rem;
  margin-bottom: 1.25rem;
  position: relative
}

.mui-select:focus {
  outline: 0
}

.mui-select:focus>select {
  height: calc(2rem + 1px);
  margin-bottom: -1px;
  border-color: #2196F3;
  border-width: 2px
}

.mui-select>select {
  display: block;
  height: 2rem;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .26);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  color: rgba(0, 0, 0, .87);
  font-size: 1rem;
  font-family: inherit;
  line-height: inherit;
  padding: 0 1.563rem 0 0
}

.mui-select>select::-ms-expand {
  display: none
}

.mui-select>select:focus {
  outline: 0;
  height: calc(2rem + 1px);
  margin-bottom: -1px;
  border-color: #2196F3;
  border-width: 2px
}

.mui-select>select:disabled {
  color: rgba(0, 0, 0, .38);
  cursor: not-allowed;
  background-color: transparent;
  opacity: 1
}

.mui-select>select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}

.mui-select>select:focus::-ms-value {
  background: 0 0;
  color: rgba(0, 0, 0, .87)
}

.mui-select>select.mui--text-placeholder {
  color: rgba(0, 0, 0, .26)
}

.mui-select>label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, .54);
  font-size: .75rem;
  font-weight: 400;
  line-height: .9375rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mui-select:focus>label, .mui-select>select:focus~label {
  color: #2196F3
}

.mui-select__menu {
  position: absolute;
  z-index: 2;
  min-width: 100%;
  overflow-y: auto;
  padding: .5rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  font-size: 1rem
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .mui-select__menu {
    border-left: 1px solid rgba(0, 0, 0, .12);
    border-top: 1px solid rgba(0, 0, 0, .12)
  }
}

@supports (-ms-ime-align:auto) {
  .mui-select__menu {
    border-left: 1px solid rgba(0, 0, 0, .12);
    border-top: 1px solid rgba(0, 0, 0, .12)
  }
}

.mui-select__menu>div {
  padding: 0 1.375rem;
  height: 2.625rem;
  line-height: 2.625rem;
  cursor: pointer;
  white-space: nowrap
}

.mui-select__menu>div.mui--is-selected {
  background-color: #EEE
}

.mui-select__menu>div.mui--is-disabled {
  color: rgba(0, 0, 0, .38);
  cursor: not-allowed
}

.mui-select__menu>div:not(.mui-optgroup__label):not(.mui--is-disabled):hover {
  background-color: #E0E0E0
}

.mui-optgroup__option {
  text-indent: 1em
}

.mui-optgroup__label {
  color: rgba(0, 0, 0, .54);
  font-size: .9em
}

.mui-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.25rem
}

.mui-table>tbody>tr>th, .mui-table>tfoot>tr>th, .mui-table>thead>tr>th {
  text-align: left
}

.mui-table>tbody>tr>td, .mui-table>tbody>tr>th, .mui-table>tfoot>tr>td, .mui-table>tfoot>tr>th, .mui-table>thead>tr>td, .mui-table>thead>tr>th {
  padding: 10px;
  line-height: 1.429
}

.mui-table>thead>tr>th {
  border-bottom: 2px solid rgba(0, 0, 0, .12);
  font-weight: 700
}

.mui-table>tbody+tbody {
  border-top: 2px solid rgba(0, 0, 0, .12)
}

.mui-table.mui-table--bordered>tbody>tr>td {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mui-tabs__bar {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  background-color: transparent;
  white-space: nowrap;
  overflow-x: auto
}

.mui-tabs__bar>li {
  display: inline-block
}

.mui-tabs__bar>li>a {
  display: block;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: .875rem;
  color: rgba(0, 0, 0, .87);
  cursor: default;
  height: 3rem;
  line-height: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mui-tabs__bar>li>a:hover {
  text-decoration: none
}

.mui-tabs__bar>li.mui--is-active {
  border-bottom: 2px solid #2196F3
}

.mui-tabs__bar>li.mui--is-active>a {
  color: #2196F3
}

.mui-tabs__bar.mui-tabs__bar--justified {
  display: table;
  width: 100%;
  table-layout: fixed
}

.mui-tabs__bar.mui-tabs__bar--justified>li {
  display: table-cell
}

.mui-tabs__bar.mui-tabs__bar--justified>li>a {
  text-align: center;
  padding-left: 0;
  padding-right: 0
}

.mui-tabs__pane {
  display: none
}

.mui-tabs__pane.mui--is-active {
  display: block
}

.mui-textfield {
  display: block;
  padding-top: .9375rem;
  margin-bottom: 1.25rem;
  position: relative
}

.mui-textfield>label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, .54);
  font-size: .75rem;
  font-weight: 400;
  line-height: .9375rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mui-textfield>textarea {
  padding-top: .313rem
}

.mui-textfield>input:focus~label, .mui-textfield>textarea:focus~label {
  color: #2196F3
}

.mui-textfield--float-label>label {
  position: absolute;
  -webkit-transform: translate(0, .9375rem);
  transform: translate(0, .9375rem);
  font-size: 1rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, .26);
  text-overflow: clip;
  cursor: text;
  pointer-events: none
}

.mui-textfield--float-label>input:focus~label, .mui-textfield--float-label>textarea:focus~label {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: .75rem;
  line-height: .9375rem;
  text-overflow: ellipsis
}

.mui-textfield--float-label>input:not(:focus).mui--is-not-empty~label, .mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty~label, .mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label {
  color: rgba(0, 0, 0, .54);
  font-size: .75rem;
  line-height: .9375rem;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  text-overflow: ellipsis
}

.mui-textfield--wrap-label {
  display: table;
  width: 100%;
  padding-top: 0
}

.mui-textfield--wrap-label:not(.mui-textfield--float-label)>label {
  display: table-header-group;
  position: static;
  white-space: normal;
  overflow-x: visible
}

.mui-textfield>input, .mui-textfield>textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: rgba(0, 0, 0, .87);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .26);
  outline: 0;
  width: 100%;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  font-size: 1rem;
  font-family: inherit;
  line-height: inherit;
  background-image: none
}

.mui-textfield>input:focus, .mui-textfield>textarea:focus {
  border-color: #2196F3;
  border-width: 2px
}

.mui-textfield>input:-moz-read-only, .mui-textfield>input:disabled, .mui-textfield>textarea:-moz-read-only, .mui-textfield>textarea:disabled {
  cursor: not-allowed;
  background-color: transparent;
  opacity: 1
}

.mui-textfield>input:disabled, .mui-textfield>input:read-only, .mui-textfield>textarea:disabled, .mui-textfield>textarea:read-only {
  cursor: not-allowed;
  background-color: transparent;
  opacity: 1
}

.mui-textfield>input::-webkit-input-placeholder, .mui-textfield>textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .26);
  opacity: 1
}

.mui-textfield>input:-ms-input-placeholder, .mui-textfield>textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, .26);
  opacity: 1
}

.mui-textfield>input::-ms-input-placeholder, .mui-textfield>textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .26);
  opacity: 1
}

.mui-textfield>input::placeholder, .mui-textfield>textarea::placeholder {
  color: rgba(0, 0, 0, .26);
  opacity: 1
}

.mui-textfield>input {
  height: 2rem
}

.mui-textfield>input:focus {
  height: calc(2rem + 1px);
  margin-bottom: -1px
}

.mui-textfield>textarea {
  min-height: 4rem
}

.mui-textfield>textarea[rows]:not([rows="2"]):focus {
  margin-bottom: -1px
}

.mui-textfield>input:focus {
  height: calc(2rem + 1px);
  margin-bottom: -1px
}

.mui-textfield>input:invalid:not(:focus):not(:required), .mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched, .mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>input:not(:focus).mui--is-invalid:not(:required), .mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched, .mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty, .mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>textarea:invalid:not(:focus):not(:required), .mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched, .mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required), .mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched, .mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty, .mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) {
  border-color: #F44336;
  border-width: 2px
}

.mui-textfield>input:invalid:not(:focus):not(:required), .mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched, .mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>input:not(:focus).mui--is-invalid:not(:required), .mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched, .mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty, .mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) {
  height: calc(2rem + 1px);
  margin-bottom: -1px
}

.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):not(:required)~label, .mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required.mui--is-not-empty~label, .mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):not(:required)~label, .mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required.mui--is-not-empty~label, .mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label, .mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label {
  color: #F44336
}

.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):not(:required)~label, .mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label, .mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-not-empty~label, .mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):not(:required)~label, .mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label, .mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-not-empty~label {
  color: #F44336
}

.mui-textfield.mui-textfield--float-label>.mui--is-invalid.mui--is-not-empty:not(:focus)~label {
  color: #F44336
}

.mui-textfield:not(.mui-textfield--float-label)>.mui--is-invalid:not(:focus)~label {
  color: #F44336
}

.mui--no-transition {
  -webkit-transition: none!important;
  transition: none!important
}

.mui--no-user-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mui-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .125rem;
  vertical-align: middle;
  border-top: .25rem solid;
  border-right: .25rem solid transparent;
  border-left: .25rem solid transparent
}

.mui--text-left {
  text-align: left!important
}

.mui--text-right {
  text-align: right!important
}

.mui--text-center {
  text-align: center!important
}

.mui--text-justify {
  text-align: justify!important
}

.mui--text-nowrap {
  white-space: nowrap!important
}

.mui--align-baseline {
  vertical-align: baseline!important
}

.mui--align-top {
  vertical-align: top!important
}

.mui--align-middle {
  vertical-align: middle!important
}

.mui--align-bottom {
  vertical-align: bottom!important
}

.mui--text-dark {
  color: rgba(0, 0, 0, .87)
}

.mui--text-dark-secondary {
  color: rgba(0, 0, 0, .54)
}

.mui--text-dark-hint {
  color: rgba(0, 0, 0, .38)
}

.mui--text-light {
  color: #FFF
}

.mui--text-light-secondary {
  color: rgba(255, 255, 255, .7)
}

.mui--text-light-hint {
  color: rgba(255, 255, 255, .3)
}

.mui--text-accent {
  color: rgba(255, 64, 129, .87)
}

.mui--text-accent-secondary {
  color: rgba(255, 64, 129, .54)
}

.mui--text-accent-hint {
  color: rgba(255, 64, 129, .38)
}

.mui--text-black {
  color: #000
}

.mui--text-white {
  color: #FFF
}

.mui--text-danger {
  color: #F44336
}

.mui--text-placeholder {
  color: rgba(0, 0, 0, .26)
}

.mui--bg-primary {
  background-color: #2196F3
}

.mui--bg-primary-dark {
  background-color: #1976D2
}

.mui--bg-primary-light {
  background-color: #BBDEFB
}

.mui--bg-accent {
  background-color: #FF4081
}

.mui--bg-accent-dark {
  background-color: #F50057
}

.mui--bg-accent-light {
  background-color: #FF80AB
}

.mui--bg-danger {
  background-color: #F44336
}

.mui-list--unstyled {
  padding-left: 0;
  list-style: none
}

.mui-list--inline {
  padding-left: 0;
  list-style: none;
  margin-left: -.313rem
}

.mui-list--inline>li {
  display: inline-block;
  padding-left: .313rem;
  padding-right: .313rem
}

.mui--z1, .mui-dropdown__menu, .mui-select__menu {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.mui--z2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.mui--z3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.mui--z4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.mui--z5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)
}

.mui--clearfix:after, .mui--clearfix:before {
  content: " ";
  display: table
}

.mui--clearfix:after {
  clear: both
}

.mui--pull-right {
  float: right!important
}

.mui--pull-left {
  float: left!important
}

.mui--hide {
  display: none!important
}

.mui--show {
  display: block!important
}

.mui--invisible {
  visibility: hidden
}

.mui--overflow-hidden {
  overflow: hidden!important
}

.mui--overflow-hidden-x {
  overflow-x: hidden!important
}

.mui--overflow-hidden-y {
  overflow-y: hidden!important
}

.mui--visible-lg-block, .mui--visible-lg-inline, .mui--visible-lg-inline-block, .mui--visible-md-block, .mui--visible-md-inline, .mui--visible-md-inline-block, .mui--visible-sm-block, .mui--visible-sm-inline, .mui--visible-sm-inline-block, .mui--visible-xl-block, .mui--visible-xl-inline, .mui--visible-xl-inline-block, .mui--visible-xs-block, .mui--visible-xs-inline, .mui--visible-xs-inline-block {
  display: none!important
}

@media (max-width:543px) {
  .mui-visible-xs {
    display: block!important
  }
  table.mui-visible-xs {
    display: table
  }
  tr.mui-visible-xs {
    display: table-row!important
  }
  td.mui-visible-xs, th.mui-visible-xs {
    display: table-cell!important
  }
  .mui--visible-xs-block {
    display: block!important
  }
  .mui--visible-xs-inline {
    display: inline!important
  }
  .mui--visible-xs-inline-block {
    display: inline-block!important
  }
}

@media (min-width:544px) and (max-width:767px) {
  .mui-visible-sm {
    display: block!important
  }
  table.mui-visible-sm {
    display: table
  }
  tr.mui-visible-sm {
    display: table-row!important
  }
  td.mui-visible-sm, th.mui-visible-sm {
    display: table-cell!important
  }
  .mui--visible-sm-block {
    display: block!important
  }
  .mui--visible-sm-inline {
    display: inline!important
  }
  .mui--visible-sm-inline-block {
    display: inline-block!important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .mui-visible-md {
    display: block!important
  }
  table.mui-visible-md {
    display: table
  }
  tr.mui-visible-md {
    display: table-row!important
  }
  td.mui-visible-md, th.mui-visible-md {
    display: table-cell!important
  }
  .mui--visible-md-block {
    display: block!important
  }
  .mui--visible-md-inline {
    display: inline!important
  }
  .mui--visible-md-inline-block {
    display: inline-block!important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .mui-visible-lg {
    display: block!important
  }
  table.mui-visible-lg {
    display: table
  }
  tr.mui-visible-lg {
    display: table-row!important
  }
  td.mui-visible-lg, th.mui-visible-lg {
    display: table-cell!important
  }
  .mui--visible-lg-block {
    display: block!important
  }
  .mui--visible-lg-inline {
    display: inline!important
  }
  .mui--visible-lg-inline-block {
    display: inline-block!important
  }
}

@media (min-width:1200px) {
  .mui-visible-xl {
    display: block!important
  }
  table.mui-visible-xl {
    display: table
  }
  tr.mui-visible-xl {
    display: table-row!important
  }
  td.mui-visible-xl, th.mui-visible-xl {
    display: table-cell!important
  }
  .mui--visible-xl-block {
    display: block!important
  }
  .mui--visible-xl-inline {
    display: inline!important
  }
  .mui--visible-xl-inline-block {
    display: inline-block!important
  }
}

@media (max-width:543px) {
  .mui--hidden-xs {
    display: none!important
  }
}

@media (min-width:544px) and (max-width:767px) {
  .mui--hidden-sm {
    display: none!important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .mui--hidden-md {
    display: none!important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .mui--hidden-lg {
    display: none!important
  }
}

@media (min-width:1200px) {
  .mui--hidden-xl {
    display: none!important
  }
}

.mui-scrlock--showbar-y {
  overflow-y: scroll!important
}

.mui-scrlock--showbar-x {
  overflow-x: scroll!important
}

#mui-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  background-color: rgba(0, 0, 0, .2);
  overflow: auto
}

.mui-btn__ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none
}

.mui-ripple {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(.0001, .0001);
  transform: scale(.0001, .0001)
}

.mui-ripple.mui--is-animating {
  -webkit-transform: none;
  transform: none;
  -webkit-transition: width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1);
  transition: width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1);
  transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1);
  transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1)
}

.mui-ripple.mui--is-visible {
  opacity: .3
}

.mui-btn .mui-ripple {
  background-color: #a6a6a6
}

.mui-btn--primary .mui-ripple {
  background-color: #FFF
}

.mui-btn--dark .mui-ripple {
  background-color: #FFF
}

.mui-btn--danger .mui-ripple {
  background-color: #FFF
}

.mui-btn--accent .mui-ripple {
  background-color: #FFF
}

.mui-btn--flat .mui-ripple {
  background-color: #a6a6a6
}

.mui--text-display4 {
  font-weight: 300;
  font-size: 7rem;
  line-height: 7rem
}

.mui--text-display3 {
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 3.5rem
}

.mui--text-display2 {
  font-weight: 400;
  font-size: 2.813rem;
  line-height: 3rem
}

.mui--text-display1, h1 {
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.5rem
}

.mui--text-headline, h2 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem
}

.mui--text-title, h3 {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem
}

.mui--text-subhead, h4 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem
}

.mui--text-body2, h5 {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.5rem
}

.mui--text-body1 {
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.25rem
}

.mui--text-caption {
  font-weight: 400;
  font-size: .75rem;
  line-height: 1rem
}

.mui--text-menu {
  font-weight: 500;
  font-size: .813rem;
  line-height: 1.063rem
}

.mui--text-button {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.125rem;
  text-transform: uppercase
}

/* Colorbox CSS Starts Here */

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#cboxOverlay {
  background: #000;
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 20px;
  background: #aaa;
  border-radius: 10px;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  border: 4px solid #a1a0a0;
  background: #fff;
  border-radius: 10px;
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}

#cboxLoadingGraphic {
  background: url(../images/loading.gif) no-repeat center center
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(../images/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: bottom left;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(../images/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: bottom right;
}

#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background: url(../images/controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: bottom center;
}

/* Colorbox CSS Ends Here */

.fa, .icon, .fal, .fab {
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  height: 1em;
  width: 1em;
  vertical-align: -.125em;
  line-height: 1;
}

.icon-plus {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 64c8.8 0 16 7.2 16 16v352c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h352m0-32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-60 206h-98v-98c0-6.6-5.4-12-12-12h-12c-6.6 0-12 5.4-12 12v98h-98c-6.6 0-12 5.4-12 12v12c0 6.6 5.4 12 12 12h98v98c0 6.6 5.4 12 12 12h12c6.6 0 12-5.4 12-12v-98h98c6.6 0 12-5.4 12-12v-12c0-6.6-5.4-12-12-12z"/></svg>') no-repeat;
}

.icon-minus {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 64c8.8 0 16 7.2 16 16v352c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h352m0-32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-60 242c6.6 0 12-5.4 12-12v-12c0-6.6-5.4-12-12-12H108c-6.6 0-12 5.4-12 12v12c0 6.6 5.4 12 12 12h232z"/></svg>') no-repeat;
}

.fa-book-open {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M514.91 32h-.16c-24.08.12-144.75 8.83-219.56 48.09-4.05 2.12-10.33 2.12-14.38 0C205.99 40.83 85.32 32.12 61.25 32h-.16C27.4 32 0 58.47 0 91.01v296.7c0 31.41 25.41 57.28 57.85 58.9 34.77 1.76 122.03 8.26 181.89 30.37 5.27 1.95 10.64 3.02 16.25 3.02h64c5.62 0 10.99-1.08 16.26-3.02 59.87-22.11 147.12-28.61 181.92-30.37 32.41-1.62 57.82-27.48 57.82-58.89V91.01C576 58.47 548.6 32 514.91 32zM272 433c0 8.61-7.14 15.13-15.26 15.13-1.77 0-3.59-.31-5.39-.98-62.45-23.21-148.99-30.33-191.91-32.51-15.39-.77-27.44-12.6-27.44-26.93V91.01c0-14.89 13.06-27 29.09-27 19.28.1 122.46 7.38 192.12 38.29 11.26 5 18.64 15.75 18.66 27.84l.13 100.32V433zm272-45.29c0 14.33-12.05 26.16-27.45 26.93-42.92 2.18-129.46 9.3-191.91 32.51-1.8.67-3.62.98-5.39.98-8.11 0-15.26-6.52-15.26-15.13V230.46l.13-100.32c.01-12.09 7.4-22.84 18.66-27.84 69.66-30.91 172.84-38.19 192.12-38.29 16.03 0 29.09 12.11 29.09 27v296.7z"/></svg>') no-repeat;
}

.fa-suitcase {
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="th" class="svg-inline--fa fa-th fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 128H352V80c0-26.47-21.53-48-48-48h-96c-26.47 0-48 21.53-48 48v48H48c-26.5 0-48 21.5-48 48v256c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V176c0-26.5-21.5-48-48-48zM192 80c0-8.83 7.19-16 16-16h96c8.81 0 16 7.17 16 16v48H192V80zM96 448H48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48v288zm288 0H128V160h256v288zm96-16c0 8.8-7.2 16-16 16h-48V160h48c8.8 0 16 7.2 16 16v256z"></path></svg>') no-repeat;
}

.fa-th-large {
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="th" class="svg-inline--fa fa-th fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"></path></svg>') no-repeat;
}

.fa-file-pdf {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-22-171.2c-13.5-13.3-55-9.2-73.7-6.7-21.2-12.8-35.2-30.4-45.1-56.6 4.3-18 12-47.2 6.4-64.9-4.4-28.1-39.7-24.7-44.6-6.8-5 18.3-.3 44.4 8.4 77.8-11.9 28.4-29.7 66.9-42.1 88.6-20.8 10.7-54.1 29.3-58.8 52.4-3.5 16.8 22.9 39.4 53.1 6.4 9.1-9.9 19.3-24.8 31.3-45.5 26.7-8.8 56.1-19.8 82-24 21.9 12 47.6 19.9 64.6 19.9 27.7.1 28.9-30.2 18.5-40.6zm-229.2 89c5.9-15.9 28.6-34.4 35.5-40.8-22.1 35.3-35.5 41.5-35.5 40.8zM180 175.5c8.7 0 7.8 37.5 2.1 47.6-5.2-16.3-5-47.6-2.1-47.6zm-28.4 159.3c11.3-19.8 21-43.2 28.8-63.7 9.7 17.7 22.1 31.7 35.1 41.5-24.3 4.7-45.4 15.1-63.9 22.2zm153.4-5.9s-5.8 7-43.5-9.1c41-3 47.7 6.4 43.5 9.1z"/></svg>') no-repeat;
}

.icon-file-pdf-o {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-22-171.2c-13.5-13.3-55-9.2-73.7-6.7-21.2-12.8-35.2-30.4-45.1-56.6 4.3-18 12-47.2 6.4-64.9-4.4-28.1-39.7-24.7-44.6-6.8-5 18.3-.3 44.4 8.4 77.8-11.9 28.4-29.7 66.9-42.1 88.6-20.8 10.7-54.1 29.3-58.8 52.4-3.5 16.8 22.9 39.4 53.1 6.4 9.1-9.9 19.3-24.8 31.3-45.5 26.7-8.8 56.1-19.8 82-24 21.9 12 47.6 19.9 64.6 19.9 27.7.1 28.9-30.2 18.5-40.6zm-229.2 89c5.9-15.9 28.6-34.4 35.5-40.8-22.1 35.3-35.5 41.5-35.5 40.8zM180 175.5c8.7 0 7.8 37.5 2.1 47.6-5.2-16.3-5-47.6-2.1-47.6zm-28.4 159.3c11.3-19.8 21-43.2 28.8-63.7 9.7 17.7 22.1 31.7 35.1 41.5-24.3 4.7-45.4 15.1-63.9 22.2zm153.4-5.9s-5.8 7-43.5-9.1c41-3 47.7 6.4 43.5 9.1z"/></svg>') no-repeat;
}

.fa-home {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M509.8 227.5L448 177.8v-76c0-3.3-2.7-6-6-6h-20c-3.3 0-6 2.7-6 6v50.1L276.1 39.1c-11.7-9.5-28.5-9.5-40.2 0L2.2 227.5c-2.6 2.1-3 5.9-.9 8.4l12.6 15.6c2.1 2.6 5.9 3 8.5.9L64 218.9v229c0 17.7 14.3 32 32 32h116c6.6 0 12-5.4 12-12V335.8l64 .3v132.2c0 6.6 5.4 12 12 12l116-.3c17.7 0 32-14.3 32-32V219l41.6 33.5c2.6 2.1 6.4 1.7 8.5-.9l12.6-15.6c2.1-2.6 1.6-6.4-.9-8.5zM416 448l-96 .3V316c0-6.6-5.4-12-12-12l-104-.3c-6.6 0-12 5.4-12 12V448H96V193.1l156.2-126c2.2-1.8 5.3-1.8 7.5 0l156.2 126V448z"/></svg>') no-repeat;
}

.fa-location-arrow {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.9 0c-5.73 0-11.59 1.1-17.39 3.52L28.74 195.41c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 30.01 24.21 47.93 48.74 47.93 17.3 0 34.75-8.9 44.01-28.74l191.9-415.78C522.06 34.89 494.14 0 461.9 0zm17.55 54.08L287.6 469.74c-3.18 6.82-8.24 10.28-15.03 10.28-5.8 0-16.76-3.33-16.76-15.94v-207.9H47.93c-11.45 0-14.64-8.83-15.49-12.63-1.1-4.93-1.27-13.98 9.7-19.1L456.82 33.04c1.71-.71 3.37-1.05 5.09-1.05 5.42 0 11.49 3.65 15.11 9.08 2.19 3.29 4.32 8.41 2.43 13.01z"/></svg>') no-repeat;
}

.fa-layer-plus {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 96h-88V8c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88h-88c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h88v88c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-88h88c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zm-6.77 270.71l-99.72-42.87 99.72-42.87c8.35-3.6 12.19-13.23 8.58-21.52-3.65-8.29-13.32-12.13-21.74-8.48l-225.32 96.86c-1.81.77-3.74.77-5.48 0L45.23 258.4l193.45-83.16c8.35-3.59 12.19-13.23 8.58-21.52-3.65-8.28-13.26-12.13-21.74-8.48L14.81 235.81C5.81 239.66 0 248.52 0 258.4c0 9.87 5.81 18.74 14.77 22.58l99.73 42.87-99.7 42.85C5.81 370.55 0 379.42 0 389.31c0 9.87 5.81 18.74 14.77 22.58l225.32 96.84c5.06 2.17 10.48 3.28 15.9 3.28s10.84-1.09 15.9-3.28l225.29-96.83c9-3.85 14.81-12.72 14.81-22.59.01-9.89-5.8-18.76-14.76-22.6zM258.74 478.72c-1.81.77-3.74.77-5.48 0L45.23 389.29 156 341.68l84.1 36.15c5.06 2.17 10.48 3.28 15.9 3.28s10.84-1.09 15.9-3.28l84.12-36.16 110.78 47.62-208.06 89.43z"/></svg>') no-repeat;
}

.fa-cogs {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M538.6 196.4l-2.5-3.9c-4.1.3-8.1.3-12.2 0l-2.5 4c-5.8 9.2-17.1 13.4-27.5 10.1-13.8-4.3-23-8.8-34.3-18.1-9-7.4-11.2-20.3-5.4-30.4l2.5-4.3c-2.3-3.4-4.3-6.9-6.1-10.6h-9.1c-11.6 0-21.4-8.2-23.6-19.6-2.6-13.7-2.7-24.2.1-38.5 2.1-11.3 12.1-19.5 23.6-19.5h9c1.8-3.7 3.8-7.2 6.1-10.6l-2.6-4.5c-5.8-10-3.6-22.7 5.2-30.3 10.6-9.1 19.7-14.3 33.5-19 10.8-3.7 22.7.7 28.5 10.6l2.6 4.4c4.1-.3 8.1-.3 12.2 0l2.6-4.4c5.8-9.9 17.7-14.3 28.6-10.5 13.3 4.5 22.3 9.6 33.5 19.1 8.8 7.5 10.9 20.2 5.1 30.2l-2.6 4.4c2.3 3.4 4.3 6.9 6.1 10.6h5.1c11.6 0 21.4 8.2 23.6 19.6 2.6 13.7 2.7 24.2-.1 38.5-2.1 11.3-12.1 19.5-23.6 19.5h-5c-1.8 3.7-3.8 7.2-6.1 10.6l2.5 4.3c5.9 10.2 3.5 23.1-5.5 30.5-10.7 8.8-19.9 13.4-34 17.9-10.5 3.3-21.9-.8-27.7-10.1zm12.2-34.5l10.6 18.3c6.7-2.8 12.9-6.4 18.7-10.8l-10.6-18.3 6.4-7.5c4.8-5.7 8.6-12.1 11-19.1l3.3-9.3h21.1c.9-7.1.9-14.4 0-21.5h-21.1l-3.3-9.3c-2.5-7-6.2-13.4-11-19.1l-6.4-7.5L580 39.4c-5.7-4.4-12-8-18.7-10.8l-10.6 18.3-9.7-1.8c-7.3-1.4-14.8-1.4-22.1 0l-9.7 1.8-10.6-18.3C492 31.3 485.7 35 480 39.4l10.6 18.3-6.4 7.5c-4.8 5.7-8.6 12.1-11 19.1l-3.3 9.3h-21.1c-.9 7.1-.9 14.4 0 21.5h21.1l3.3 9.3c2.5 7 6.2 13.4 11 19.1l6.4 7.5-10.6 18.4c5.7 4.4 12 8 18.7 10.8l10.6-18.3 9.7 1.8c7.3 1.4 14.8 1.4 22.1 0l9.7-1.8zM145.3 454.4v-31.6c-12.9-5.5-25.1-12.6-36.4-21.1l-27.5 15.9c-9.8 5.6-22.1 3.7-29.7-4.6-24.2-26.3-38.5-49.5-50.6-88.1-3.4-10.7 1.1-22.3 10.8-28L39.2 281c-1.7-14-1.7-28.1 0-42.1l-27.3-15.8c-9.7-5.6-14.2-17.3-10.8-28 12.1-38.4 26.2-61.6 50.6-88.1 7.6-8.3 20-10.2 29.7-4.6l27.4 15.9c11.3-8.5 23.5-15.5 36.4-21.1V65.6c0-11.3 7.8-21 18.8-23.4 34.7-7.8 62-8.7 101.7 0 11 2.4 18.9 12.2 18.9 23.4v31.6c12.9 5.5 25.1 12.6 36.4 21l27.4-15.8c9.8-5.6 22.2-3.7 29.8 4.6 26.9 29.6 41.5 55.9 52.1 88.5 3.4 10.5-.8 21.9-10.2 27.7l-25 15.8c1.7 14 1.7 28.1 0 42.1l28.1 17.5c8.6 5.4 13 15.6 10.8 25.5-6.9 31.3-33 64.6-55.9 89.2-7.6 8.2-19.9 10-29.6 4.4L321 401.8c-11.3 8.5-23.5 15.5-36.4 21.1v31.6c0 11.2-7.8 21-18.8 23.4-37.5 8.3-64.9 8.2-101.9 0-10.8-2.5-18.6-12.3-18.6-23.5zm32-6.2c24.8 5 50.5 5 75.3 0v-47.7l10.7-3.8c16.8-5.9 32.3-14.9 45.9-26.5l8.6-7.4 41.4 23.9c16.8-19.1 34-41.3 42.1-65.2l-41.4-23.9 2.1-11.1c3.2-17.6 3.2-35.5 0-53.1l-2.1-11.1 41.4-23.9c-8.1-23.9-25.3-46.2-42.1-65.2l-41.4 23.9-8.6-7.4c-13.6-11.7-29-20.6-45.9-26.5l-10.7-3.8V71.8c-24.8-5-50.5-5-75.3 0v47.7l-10.7 3.8c-16.8 5.9-32.3 14.9-45.9 26.5l-8.6 7.4-41.4-23.9A192.19 192.19 0 0 0 33 198.5l41.4 23.9-2.1 11.1c-3.2 17.6-3.2 35.5 0 53.1l2.1 11.1L33 321.6c8.1 23.9 20.9 46.2 37.7 65.2l41.4-23.9 8.6 7.4c13.6 11.7 29 20.6 45.9 26.5l10.7 3.8v47.6zm38.4-105.3c-45.7 0-82.9-37.2-82.9-82.9s37.2-82.9 82.9-82.9 82.9 37.2 82.9 82.9-37.2 82.9-82.9 82.9zm0-133.8c-28 0-50.9 22.8-50.9 50.9s22.8 50.9 50.9 50.9c28 0 50.9-22.8 50.9-50.9s-22.8-50.9-50.9-50.9zm322.9 291.7l-2.5-3.9c-4.1.3-8.1.3-12.2 0l-2.5 4c-5.8 9.2-17.1 13.4-27.5 10.1-13.8-4.3-23-8.8-34.3-18.1-9-7.4-11.2-20.3-5.4-30.4l2.5-4.3c-2.3-3.4-4.3-6.9-6.1-10.6h-9.1c-11.6 0-21.4-8.2-23.6-19.6-2.6-13.7-2.7-24.2.1-38.5 2.1-11.3 12.1-19.5 23.6-19.5h9c1.8-3.7 3.8-7.2 6.1-10.6l-2.6-4.5c-5.8-10-3.6-22.7 5.2-30.3 10.6-9.1 19.7-14.3 33.5-19 10.8-3.7 22.7.7 28.5 10.6l2.6 4.4c4.1-.3 8.1-.3 12.2 0l2.6-4.4c5.8-9.9 17.7-14.3 28.6-10.5 13.3 4.5 22.3 9.6 33.5 19.1 8.8 7.5 10.9 20.2 5.1 30.2l-2.6 4.4c2.3 3.4 4.3 6.9 6.1 10.6h5.1c11.6 0 21.4 8.2 23.6 19.6 2.6 13.7 2.7 24.2-.1 38.5-2.1 11.3-12.1 19.5-23.6 19.5h-5c-1.8 3.7-3.8 7.2-6.1 10.6l2.5 4.3c5.9 10.2 3.5 23.1-5.5 30.5-10.7 8.8-19.9 13.4-34 17.9-10.5 3.2-21.9-.9-27.7-10.1zm12.2-34.6l10.6 18.3c6.7-2.8 12.9-6.4 18.7-10.8l-10.6-18.3 6.4-7.5c4.8-5.7 8.6-12.1 11-19.1l3.3-9.3h21.1c.9-7.1.9-14.4 0-21.5h-21.1l-3.3-9.3c-2.5-7-6.2-13.4-11-19.1l-6.4-7.5 10.6-18.3c-5.7-4.4-12-8-18.7-10.8l-10.6 18.3-9.7-1.8c-7.3-1.4-14.8-1.4-22.1 0l-9.7 1.8-10.6-18.3c-6.7 2.8-12.9 6.4-18.7 10.8l10.6 18.3-6.4 7.5c-4.8 5.7-8.6 12.1-11 19.1l-3.3 9.3h-21.1c-.9 7.1-.9 14.4 0 21.5h21.1l3.3 9.3c2.5 7 6.2 13.4 11 19.1l6.4 7.5-10.6 18.3c5.7 4.4 12 8 18.7 10.8l10.6-18.3 9.7 1.8c7.3 1.4 14.8 1.4 22.1 0l9.7-1.8zM560 408c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm0-304.3c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.4 32-32z"/></svg>') no-repeat;
}

.fa-code {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M228.5 511.8l-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3l18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4l144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z"/></svg>') no-repeat;
}

.fa-globe {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm193.2 152h-82.5c-9-44.4-24.1-82.2-43.2-109.1 55 18.2 100.2 57.9 125.7 109.1zM336 256c0 22.9-1.6 44.2-4.3 64H164.3c-2.7-19.8-4.3-41.1-4.3-64s1.6-44.2 4.3-64h167.4c2.7 19.8 4.3 41.1 4.3 64zM248 40c26.9 0 61.4 44.1 78.1 120H169.9C186.6 84.1 221.1 40 248 40zm-67.5 10.9c-19 26.8-34.2 64.6-43.2 109.1H54.8c25.5-51.2 70.7-90.9 125.7-109.1zM32 256c0-22.3 3.4-43.8 9.7-64h90.5c-2.6 20.5-4.2 41.8-4.2 64s1.5 43.5 4.2 64H41.7c-6.3-20.2-9.7-41.7-9.7-64zm22.8 96h82.5c9 44.4 24.1 82.2 43.2 109.1-55-18.2-100.2-57.9-125.7-109.1zM248 472c-26.9 0-61.4-44.1-78.1-120h156.2c-16.7 75.9-51.2 120-78.1 120zm67.5-10.9c19-26.8 34.2-64.6 43.2-109.1h82.5c-25.5 51.2-70.7 90.9-125.7 109.1zM363.8 320c2.6-20.5 4.2-41.8 4.2-64s-1.5-43.5-4.2-64h90.5c6.3 20.2 9.7 41.7 9.7 64s-3.4 43.8-9.7 64h-90.5z"/></svg>') no-repeat;
}

.fa-user-tie {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96zm91.9 272.2L276.2 442l-33.9-101.7 25-25c10.1-10.1 2.9-27.3-11.3-27.3h-64c-14.3 0-21.4 17.2-11.3 27.3l25 25L171.8 442l-39.7-137.7C58.9 305.5 0 365 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-73.4-58.9-132.9-132.1-134.2zM48 480c-8.8 0-16-7.2-16-16v-25.6c0-47.2 32.8-87.5 76.9-98.9L149.5 480H48zm144.9 0l31.1-93.4 31.1 93.4h-62.2zM416 464c0 8.8-7.2 16-16 16H298.5L339 339.5c44.1 11.4 76.9 51.7 76.9 98.9V464z"/></svg>') no-repeat;
}

.fa-user {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M313.6 288c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4zM416 464c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16v-41.6C32 365.9 77.9 320 134.4 320c19.6 0 39.1 16 89.6 16 50.4 0 70-16 89.6-16 56.5 0 102.4 45.9 102.4 102.4V464zM224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"/></svg>') no-repeat;
}

.fa-wrench {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M507.42 114.49c-2.34-9.47-9.66-16.98-19.06-19.61-9.47-2.61-19.65 0-26.65 6.98l-63.87 63.87-44.25-7.36-7.38-44.24 63.87-63.87c6.94-6.92 9.62-17.09 7-26.54-2.62-9.47-10.19-16.83-19.75-19.2C345.6-8.31 291.95 6.54 254.14 44.3c-37.84 37.87-52.21 92.52-38.62 144.7L22.19 382.29c-29.59 29.63-29.59 77.83 0 107.45C36.54 504.09 55.63 512 75.94 512s39.37-7.91 53.71-22.26l193.14-193.11c52.03 13.73 106.8-.72 144.89-38.82 37.81-37.81 52.68-91.39 39.74-143.32zm-62.36 120.7c-31.87 31.81-78.43 42.63-121.77 28.23l-9.38-3.14-206.88 206.84c-16.62 16.62-45.59 16.62-62.21 0-17.12-17.14-17.12-45.06 0-62.21l207.01-206.98-3.09-9.34c-14.31-43.45-3.56-90.06 28.03-121.67C299.48 44.2 329.44 32 360.56 32c6.87 0 13.81.59 20.72 1.81l-69.31 69.35 13.81 83.02L408.84 200l69.3-69.35c6.72 38.25-5.34 76.79-33.08 104.54zM80 416c-8.84 0-16 7.16-16 16s7.16 16 16 16 16-7.16 16-16-7.16-16-16-16z"/></svg>') no-repeat;
}

.fa-chalkboard {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M632 448h-24V64c0-17.67-14.33-32-32-32H64c-17.67 0-32 14.33-32 32v384H8c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h624c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zm-344 0v-64h192v64H288zm224 0v-64c0-17.67-14.33-32-32-32H288c-17.67 0-32 14.33-32 32v64H64V64h512v384h-64z"/></svg>') no-repeat;
}

.fa-chalkboard-teacher {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M608 0H192c-17.67 0-32 14.33-32 32v96c-53.02 0-96 42.98-96 96s42.98 96 96 96 96-42.98 96-96c0-41.74-26.8-76.9-64-90.12V32h416v352h-64v-64c0-17.67-14.33-32-32-32H384c-17.67 0-32 14.33-32 32v64h-46.66c-.59-.94-1.03-1.96-1.65-2.88-17.25-25.62-46.67-39.11-76.9-39.11C199 342.02 192.02 352 160 352c-31.97 0-38.95-9.98-66.79-9.98-30.23 0-59.65 13.48-76.9 39.11C6.01 396.42 0 414.84 0 434.67V472c0 22.09 17.91 40 40 40h240c22.09 0 40-17.91 40-40v-37.33c0-6.41-.84-12.6-2.04-18.67H608c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32zM224 224c0 35.29-28.71 64-64 64s-64-28.71-64-64 28.71-64 64-64 64 28.71 64 64zm64 248c0 4.41-3.59 8-8 8H40c-4.41 0-8-3.59-8-8v-37.33c0-12.79 3.75-25.13 10.85-35.67 10.53-15.64 29.35-24.98 50.36-24.98 21.8 0 29.99 9.98 66.79 9.98 36.79 0 45.01-9.98 66.79-9.98 21 0 39.83 9.34 50.36 24.98 7.1 10.54 10.85 22.88 10.85 35.67V472zm224-88H384v-64h128v64z"/></svg>') no-repeat;
}

.fa-file-signature {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M560.83 135.96l-24.79-24.79c-20.23-20.24-53-20.26-73.26 0L384 189.72v-57.75c0-12.7-5.1-25-14.1-33.99L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99v-80.54c6.29-4.68 12.62-9.35 18.18-14.95l158.64-159.3c9.79-9.78 15.17-22.79 15.17-36.63s-5.38-26.84-15.16-36.63zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v61.53l-48.51 48.24c-30.14 29.96-47.42 71.51-47.47 114-3.93-.29-7.47-2.42-9.36-6.27-11.97-23.86-46.25-30.34-66-14.17l-13.88-41.62c-3.28-9.81-12.44-16.41-22.78-16.41s-19.5 6.59-22.78 16.41L103 376.36c-1.5 4.58-5.78 7.64-10.59 7.64H80c-8.84 0-16 7.16-16 16s7.16 16 16 16h12.41c18.62 0 35.09-11.88 40.97-29.53L144 354.58l16.81 50.48c4.54 13.51 23.14 14.83 29.5 2.08l7.66-15.33c4.01-8.07 15.8-8.59 20.22.34C225.44 406.61 239.9 415.7 256 416h32c22.05-.01 43.95-4.9 64.01-13.6v61.61zm27.48-118.05A129.012 129.012 0 0 1 288 384v-.03c0-34.35 13.7-67.29 38.06-91.51l120.55-119.87 52.8 52.8-119.92 120.57zM538.2 186.6l-21.19 21.19-52.8-52.8 21.2-21.19c7.73-7.73 20.27-7.74 28.01 0l24.79 24.79c7.72 7.73 7.72 20.27-.01 28.01z"/></svg>') no-repeat;
}

.fa-facebook-f {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"/></svg>') no-repeat;
}

.fa-google-plus-g {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z"/></svg>') no-repeat;
}

.fa-twitter {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>') no-repeat;
}

.fa-linkedin-in {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.1 512"><path d="M100.3 448H7.4V148.9h92.9V448zM53.8 108.1C24.1 108.1 0 83.5 0 53.8S24.1 0 53.8 0s53.8 24.1 53.8 53.8-24.1 54.3-53.8 54.3zM448 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448h-.1z"/></svg>') no-repeat;
}

.fa-youtube {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>') no-repeat;
}

.fa-bars {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M442 114H6a6 6 0 0 1-6-6V84a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6z"/></svg>') no-repeat;
}

.fa-search {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z"/></svg>') no-repeat;
}

.fa-cubes {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M388 219V107.9c0-15-9.3-28.4-23.4-33.7l-96-36c-8.1-3.1-17.1-3.1-25.3 0l-96 36c-14.1 5.3-23.4 18.7-23.4 33.7V219L23.4 256.7C9.3 262 0 275.4 0 290.4v101.3c0 13.6 7.7 26.1 19.9 32.2l96 48c10.1 5.1 22.1 5.1 32.2 0L256 418l107.9 54c10.1 5.1 22.1 5.1 32.2 0l96-48c12.2-6.1 19.9-18.6 19.9-32.2V290.4c0-15-9.3-28.4-23.4-33.7L388 219zm-123.8 38.4V159l107.2-46.5v106.7L317 239.6l-52.8 17.8zm-123.7-163L256 51l115.5 43.3v.2l-115.5 50-115.5-50v-.1zM247.8 159v98.4L195 239.6l-54.5-20.4V112.5L247.8 159zm-124 298.4L16.5 403.8V295.1l107.2 46.5v115.8zm123.7-53.6l-107.2 53.6V341.6l107.2-46.5v108.7zm0-126.7l-115.5 50-115.5-50v-.2L131 234l107.6 39.6 8.9 3.3v.2zm124.3 180.3l-107.2-53.6V295.1l107.2 46.5v115.8zm123.7-53.6l-107.2 53.6V341.6l107.2-46.5v108.7zm0-126.7l-115.5 50L264.5 277v-.2l8.9-3.3L381 234l114.5 42.9v.2z"/></svg>') no-repeat;
}

.fa-video {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M543.9 96c-6.2 0-12.5 1.8-18.2 5.7L416 171.6v-59.8c0-26.4-23.2-47.8-51.8-47.8H51.8C23.2 64 0 85.4 0 111.8v288.4C0 426.6 23.2 448 51.8 448h312.4c28.6 0 51.8-21.4 51.8-47.8v-59.8l109.6 69.9c5.7 4 12.1 5.7 18.2 5.7 16.6 0 32.1-13 32.1-31.5v-257c.1-18.5-15.4-31.5-32-31.5zM384 400.2c0 8.6-9.1 15.8-19.8 15.8H51.8c-10.7 0-19.8-7.2-19.8-15.8V111.8c0-8.6 9.1-15.8 19.8-15.8h312.4c10.7 0 19.8 7.2 19.8 15.8v288.4zm160-15.7l-1.2-1.3L416 302.4v-92.9L544 128v256.5z"/></svg>') no-repeat;
}

.fa-book {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M356 160H188c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12zm12 52v-8c0-6.6-5.4-12-12-12H188c-6.6 0-12 5.4-12 12v8c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12zm64.7 268h3.3c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H80c-44.2 0-80-35.8-80-80V80C0 35.8 35.8 0 80 0h344c13.3 0 24 10.7 24 24v368c0 10-6.2 18.6-14.9 22.2-3.6 16.1-4.4 45.6-.4 65.8zM128 384h288V32H128v352zm-96 16c13.4-10 30-16 48-16h16V32H80c-26.5 0-48 21.5-48 48v320zm372.3 80c-3.1-20.4-2.9-45.2 0-64H80c-64 0-64 64 0 64h324.3z"/></svg>') no-repeat;
}

.fa-external-link {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M195.515 374.828c-4.686-4.686-4.686-12.284 0-16.971l323.15-323.15-.707-.707-89.958.342c-6.627 0-12-5.373-12-12v-9.999c0-6.628 5.372-12 12-12L564 0c6.627 0 12 5.372 12 12l-.343 136c0 6.627-5.373 12-12 12h-9.999c-6.627 0-12-5.373-12-12L542 58.042l-.707-.707-323.15 323.15c-4.686 4.686-12.284 4.686-16.971 0l-5.657-5.657zm232-155.633l-8 8A12 12 0 0 0 416 235.68V464c0 8.837-7.164 16-16 16H48c-8.836 0-16-7.163-16-16V112c0-8.837 7.164-16 16-16h339.976c3.183 0 6.235-1.264 8.485-3.515l8-8c7.56-7.56 2.206-20.485-8.485-20.485H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V227.681c0-10.691-12.926-16.045-20.485-8.486z"/></svg>') no-repeat;
}

.fa-search-dollar {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M235.09 199.42l-45-13.5c-5.16-1.55-8.77-6.78-8.77-12.73 0-7.27 5.3-13.19 11.8-13.19h28.11c4.56 0 8.96 1.29 12.82 3.72 3.24 2.03 7.36 1.91 10.13-.73l11.75-11.21c3.53-3.37 3.33-9.21-.57-12.14-9.1-6.83-20.08-10.77-31.37-11.35V112c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v16.12c-23.62.63-42.67 20.55-42.67 45.07 0 19.97 12.98 37.81 31.58 43.39l45 13.5c5.16 1.55 8.77 6.78 8.77 12.73 0 7.27-5.3 13.19-11.8 13.19h-28.11c-4.56 0-8.96-1.29-12.82-3.72-3.24-2.03-7.36-1.91-10.13.73l-11.75 11.21c-3.53 3.37-3.33 9.21.57 12.14 9.1 6.83 20.08 10.77 31.37 11.35V304c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-16.12c23.62-.63 42.67-20.54 42.67-45.07 0-19.97-12.98-37.81-31.58-43.39zm273.38 282.16l-128.99-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3c34.3-37.1 55.3-86.6 55.3-141.09C415.98 93.1 322.88 0 207.99 0S0 93.1 0 207.99c0 114.89 93.1 207.99 207.99 207.99 54.5 0 103.99-21 141.09-55.2v10.2c0 3.2 1.3 6.2 3.5 8.5l128.99 128.99c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.71-4.69 4.71-12.29 0-16.99zm-300.48-97.6C110.7 383.98 32 305.29 32 207.99 32 110.69 110.7 32 207.99 32s175.99 78.7 175.99 175.99c0 97.3-78.69 175.99-175.99 175.99z"/></svg>') no-repeat;
}

.fa-book-reader {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.91 192.02c-.7 0-1.39.02-2.06.05-49.8 2.84-140.51 13-201.84 47.57-61.33-34.57-152.05-44.73-201.84-47.57-.67-.04-1.36-.05-2.06-.05C31.71 192.01 0 206.36 0 242.22v178.05c0 26.69 21.25 48.7 48.34 50.12 34.41 1.81 120.56 9.08 177 37.47 4.68 2.37 9.66 3.5 14.66 3.84v.27h2.27c.09 0 .18.03.26.03h26.94c.09 0 .18-.03.26-.03H272v-.27c5-.34 9.98-1.48 14.66-3.84 56.44-28.39 142.59-35.65 177-37.47 27.09-1.42 48.34-23.44 48.34-50.12V242.22c0-35.86-31.71-50.2-52.09-50.2zM240 479.35c-.09-.04-.18-.02-.28-.07-59.59-29.97-144.43-38.45-189.7-40.84-10.1-.53-18.02-8.51-18.02-18.17V242.22c0-6.05 1.77-10 5.93-13.2 4.47-3.44 10.47-5.01 14.4-5.01 37.01 2.11 129.27 10.58 187.67 43.36v211.98zm240-59.08c0 9.66-7.92 17.64-18.03 18.17-45.27 2.38-130.11 10.86-189.76 40.87-.07.04-.14.02-.22.05V267.37c58.39-32.79 150.66-41.25 187.51-43.35l.39-.01c.2 0 20.09.49 20.09 18.21v178.05zM256 191.99c53.02 0 96-42.98 96-95.99S309.02 0 256 0s-96 42.98-96 95.99 42.98 96 96 96zM256 32c35.29 0 64 28.71 64 64s-28.71 64-64 64-64-28.71-64-64 28.71-64 64-64z"/></svg>') no-repeat;
}

.fa-comments {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.4 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.1 2.1 18.4 3.7 28 4.8 31.5 57.5 105.5 98 191.8 98 20.8 0 40.8-2.4 59.8-6.8 28.5 18.5 71.6 38.8 125.2 38.8 9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.5-.4-22.6-24.2-37.9-54.9zM142.2 311l-11.4 7.4c-20.1 13.1-50.5 28.2-87.7 32.5 8.8-11.3 20.2-27.6 29.5-46.4L83 283.7l-16.5-16.3C50.7 251.9 32 226.2 32 192c0-70.6 79-128 176-128s176 57.4 176 128-79 128-176 128c-17.7 0-35.4-2-52.6-6l-13.2-3zm303 103.4l-11.4-7.4-13.2 3.1c-17.2 4-34.9 6-52.6 6-65.1 0-122-25.9-152.4-64.3C326.9 348.6 416 278.4 416 192c0-9.5-1.3-18.7-3.3-27.7C488.1 178.8 544 228.7 544 288c0 34.2-18.7 59.9-34.5 75.4L493 379.7l10.3 20.7c9.4 18.9 20.8 35.2 29.5 46.4-37.1-4.2-67.5-19.4-87.6-32.4zm-37.8-267.7c.1.2.1.4.2.6-.1-.2-.1-.4-.2-.6z"/></svg>') no-repeat;
}

.fa-ellipsis-h-alt {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 184c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm0 112c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm176-112c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm0 112c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zM80 184c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm0 112c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40z"/></svg>') no-repeat;
}

.fa-bookmark {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M336 0H48C21.49 0 0 21.49 0 48v464l192-112 192 112V48c0-26.51-21.49-48-48-48zm16 456.287l-160-93.333-160 93.333V48c0-8.822 7.178-16 16-16h288c8.822 0 16 7.178 16 16v408.287z"/></svg>') no-repeat;
}

.fa-comment {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 64c123.5 0 224 79 224 176S379.5 416 256 416c-28.3 0-56.3-4.3-83.2-12.8l-15.2-4.8-13 9.2c-23 16.3-58.5 35.3-102.6 39.6 12-15.1 29.8-40.4 40.8-69.6l7.1-18.7-13.7-14.6C47.3 313.7 32 277.6 32 240c0-97 100.5-176 224-176m0-32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26 3.8 8.8 12.4 14.5 22 14.5 61.5 0 110-25.7 139.1-46.3 29 9.1 60.2 14.3 93 14.3 141.4 0 256-93.1 256-208S397.4 32 256 32z"/></svg>') no-repeat;
}

.fa-comment-alt-lines {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm32 352c0 17.6-14.4 32-32 32H293.3l-8.5 6.4L192 460v-76H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32v288zM280 240H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm96-96H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8z"/></svg>') no-repeat;
}

.fa-thumbs-up {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M496.656 285.683C506.583 272.809 512 256 512 235.468c-.001-37.674-32.073-72.571-72.727-72.571h-70.15c8.72-17.368 20.695-38.911 20.695-69.817C389.819 34.672 366.518 0 306.91 0c-29.995 0-41.126 37.918-46.829 67.228-3.407 17.511-6.626 34.052-16.525 43.951C219.986 134.75 184 192 162.382 203.625c-2.189.922-4.986 1.648-8.032 2.223C148.577 197.484 138.931 192 128 192H32c-17.673 0-32 14.327-32 32v256c0 17.673 14.327 32 32 32h96c17.673 0 32-14.327 32-32v-8.74c32.495 0 100.687 40.747 177.455 40.726 5.505.003 37.65.03 41.013 0 59.282.014 92.255-35.887 90.335-89.793 15.127-17.727 22.539-43.337 18.225-67.105 12.456-19.526 15.126-47.07 9.628-69.405zM32 480V224h96v256H32zm424.017-203.648C472 288 472 336 450.41 347.017c13.522 22.76 1.352 53.216-15.015 61.996 8.293 52.54-18.961 70.606-57.212 70.974-3.312.03-37.247 0-40.727 0-72.929 0-134.742-40.727-177.455-40.727V235.625c37.708 0 72.305-67.939 106.183-101.818 30.545-30.545 20.363-81.454 40.727-101.817 50.909 0 50.909 35.517 50.909 61.091 0 42.189-30.545 61.09-30.545 101.817h111.999c22.73 0 40.627 20.364 40.727 40.727.099 20.363-8.001 36.375-23.984 40.727zM104 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"/></svg>') no-repeat;
}

.fa-print {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M432 192h-16v-82.75c0-8.49-3.37-16.62-9.37-22.63L329.37 9.37c-6-6-14.14-9.37-22.63-9.37H126.48C109.64 0 96 14.33 96 32v160H80c-44.18 0-80 35.82-80 80v96c0 8.84 7.16 16 16 16h80v112c0 8.84 7.16 16 16 16h288c8.84 0 16-7.16 16-16V384h80c8.84 0 16-7.16 16-16v-96c0-44.18-35.82-80-80-80zM320 45.25L370.75 96H320V45.25zM128.12 32H288v64c0 17.67 14.33 32 32 32h64v64H128.02l.1-160zM384 480H128v-96h256v96zm96-128H32v-80c0-26.47 21.53-48 48-48h352c26.47 0 48 21.53 48 48v80zm-80-88c-13.25 0-24 10.74-24 24 0 13.25 10.75 24 24 24s24-10.75 24-24c0-13.26-10.75-24-24-24z"/></svg>') no-repeat;
}

.fa-chevron-circle-left {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zM256 472c-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216zm-86.6-224.5l115.1-115c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L209 256l99.5 99.5c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0l-115.1-115c-4.6-4.8-4.6-12.4.1-17.1z"/></svg>') no-repeat;
}

.fa-chevron-circle-right {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M8 256c0 137 111 248 248 248s248-111 248-248S393 8 256 8 8 119 8 256zM256 40c118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216zm86.6 224.5l-115.1 115c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L303 256l-99.5-99.5c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l115.1 115c4.6 4.8 4.6 12.4-.1 17.1z"/></svg>') no-repeat;
}

.fa-asterisk {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M475.31 364.144L288 256l187.31-108.144c5.74-3.314 7.706-10.653 4.392-16.392l-4-6.928c-3.314-5.74-10.653-7.706-16.392-4.392L272 228.287V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v216.287L52.69 120.144c-5.74-3.314-13.079-1.347-16.392 4.392l-4 6.928c-3.314 5.74-1.347 13.079 4.392 16.392L224 256 36.69 364.144c-5.74 3.314-7.706 10.653-4.392 16.392l4 6.928c3.314 5.74 10.653 7.706 16.392 4.392L240 283.713V500c0 6.627 5.373 12 12 12h8c6.627 0 12-5.373 12-12V283.713l187.31 108.143c5.74 3.314 13.079 1.347 16.392-4.392l4-6.928c3.314-5.74 1.347-13.079-4.392-16.392z"/></svg>') no-repeat;
}

.fa-shield-check {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M466.461 83.692l-192-80a47.996 47.996 0 0 0-36.923 0l-192 80A48 48 0 0 0 16 128c0 198.487 114.495 335.713 221.539 380.308a48 48 0 0 0 36.923 0C360.066 472.645 496 349.282 496 128a48 48 0 0 0-29.539-44.308zM262.154 478.768a16.64 16.64 0 0 1-12.31-.001C152 440 48 304 48 128c0-6.48 3.865-12.277 9.846-14.769l192-80a15.99 15.99 0 0 1 12.308 0l192 80A15.957 15.957 0 0 1 464 128c0 176-104 312-201.846 350.768zm144.655-299.505l-180.48 179.032c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"/></svg>') no-repeat;
}

.fa-question-circle {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm7.67-24h-16c-6.627 0-12-5.373-12-12v-.381c0-70.343 77.44-63.619 77.44-107.408 0-20.016-17.761-40.211-57.44-40.211-29.144 0-44.265 9.649-59.211 28.692-3.908 4.98-11.054 5.995-16.248 2.376l-13.134-9.15c-5.625-3.919-6.86-11.771-2.645-17.177C185.658 133.514 210.842 116 255.67 116c52.32 0 97.44 29.751 97.44 80.211 0 67.414-77.44 63.849-77.44 107.408V304c0 6.627-5.373 12-12 12zM256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8z"/></svg>') no-repeat;
}

.fa-hands-helping {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M638.9 209.7l-8-13.9c-2.2-3.8-7.1-5.1-10.9-2.9l-108 63V240c0-26.5-21.5-48-48-48H320v62.2c0 16-10.9 30.8-26.6 33.3-20 3.3-37.4-12.2-37.4-31.6v-94.3c0-13.8 7.1-26.6 18.8-33.9l33.4-20.9c11.4-7.1 24.6-10.9 38.1-10.9h103.2l118.5-67c3.8-2.2 5.2-7.1 3-10.9l-8-14c-2.2-3.8-7.1-5.2-10.9-3l-111 63h-94.7c-19.5 0-38.6 5.5-55.1 15.8l-33.5 20.9c-17.5 11-28.7 28.6-32.2 48.5l-62.5 37c-21.6 13-35.1 36.7-35.1 61.9v38.6L4 357.1c-3.8 2.2-5.2 7.1-3 10.9l8 13.9c2.2 3.8 7.1 5.2 10.9 3L160 305.3v-57.2c0-14 7.5-27.2 19.4-34.4l44.6-26.4v65.9c0 33.4 24.3 63.3 57.6 66.5 38.1 3.7 70.4-26.3 70.4-63.7v-32h112c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-24v36c0 19.8-16 35.8-35.8 35.8h-16.1v16c0 22.2-18 40.2-40.2 40.2H238.5l-115.6 67.3c-3.8 2.2-5.1 7.1-2.9 10.9l8 13.8c2.2 3.8 7.1 5.1 10.9 2.9L247.1 448h100.8c34.8 0 64-24.8 70.8-57.7 30.4-6.7 53.3-33.9 53.3-66.3v-4.7c13.6-2.3 24.6-10.6 31.8-21.7l132.2-77c3.8-2.2 5.1-7.1 2.9-10.9z"/></svg>') no-repeat;
}

.fa-map-marker-alt {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M192 96c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zm0 160c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64zm0-256C85.961 0 0 85.961 0 192c0 77.413 26.97 99.031 172.268 309.67 9.534 13.772 29.929 13.774 39.465 0C357.03 291.031 384 269.413 384 192 384 85.961 298.039 0 192 0zm0 473.931C52.705 272.488 32 256.494 32 192c0-42.738 16.643-82.917 46.863-113.137S149.262 32 192 32s82.917 16.643 113.137 46.863S352 149.262 352 192c0 64.49-20.692 80.47-160 281.931z"/></svg>') no-repeat;
}

.fa-angle-right {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/></svg>') no-repeat;
}

.fa-bell-o {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 480c-17.66 0-32-14.38-32-32.03h-32c0 35.31 28.72 64.03 64 64.03s64-28.72 64-64.03h-32c0 17.65-14.34 32.03-32 32.03zm209.38-145.19c-27.96-26.62-49.34-54.48-49.34-148.91 0-79.59-63.39-144.5-144.04-152.35V16c0-8.84-7.16-16-16-16s-16 7.16-16 16v17.56C127.35 41.41 63.96 106.31 63.96 185.9c0 94.42-21.39 122.29-49.35 148.91-13.97 13.3-18.38 33.41-11.25 51.23C10.64 404.24 28.16 416 48 416h352c19.84 0 37.36-11.77 44.64-29.97 7.13-17.82 2.71-37.92-11.26-51.22zM400 384H48c-14.23 0-21.34-16.47-11.32-26.01 34.86-33.19 59.28-70.34 59.28-172.08C95.96 118.53 153.23 64 224 64c70.76 0 128.04 54.52 128.04 121.9 0 101.35 24.21 138.7 59.28 172.08C421.38 367.57 414.17 384 400 384z"/></svg>') no-repeat;
}

.fa-sort {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M288 288H32c-28.4 0-42.8 34.5-22.6 54.6l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c20-20.1 5.7-54.6-22.7-54.6zM160 448L32 320h256L160 448zM32 224h256c28.4 0 42.8-34.5 22.6-54.6l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128C-10.7 189.5 3.6 224 32 224zM160 64l128 128H32L160 64z"/></svg>') no-repeat;
}

.icon-sort {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M288 288H32c-28.4 0-42.8 34.5-22.6 54.6l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c20-20.1 5.7-54.6-22.7-54.6zM160 448L32 320h256L160 448zM32 224h256c28.4 0 42.8-34.5 22.6-54.6l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128C-10.7 189.5 3.6 224 32 224zM160 64l128 128H32L160 64z"/></svg>') no-repeat;
}

.fa-sign-out-alt {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M160 217.1c0-8.8 7.2-16 16-16h144v-93.9c0-7.1 8.6-10.7 13.6-5.7l141.6 143.1c6.3 6.3 6.3 16.4 0 22.7L333.6 410.4c-5 5-13.6 1.5-13.6-5.7v-93.9H176c-8.8 0-16-7.2-16-16v-77.7m-32 0v77.7c0 26.5 21.5 48 48 48h112v61.9c0 35.5 43 53.5 68.2 28.3l141.7-143c18.8-18.8 18.8-49.2 0-68L356.2 78.9c-25.1-25.1-68.2-7.3-68.2 28.3v61.9H176c-26.5 0-48 21.6-48 48zM0 112v288c0 26.5 21.5 48 48 48h132c6.6 0 12-5.4 12-12v-8c0-6.6-5.4-12-12-12H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h132c6.6 0 12-5.4 12-12v-8c0-6.6-5.4-12-12-12H48C21.5 64 0 85.5 0 112z"/></svg>') no-repeat;
}

.fa-sign-in-alt {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 217.1c0-8.8 7.2-16 16-16h144v-93.9c0-7.1 8.6-10.7 13.6-5.7l141.6 143.1c6.3 6.3 6.3 16.4 0 22.7L205.6 410.4c-5 5-13.6 1.5-13.6-5.7v-93.9H48c-8.8 0-16-7.2-16-16v-77.7m-32 0v77.7c0 26.5 21.5 48 48 48h112v61.9c0 35.5 43 53.5 68.2 28.3l141.7-143c18.8-18.8 18.8-49.2 0-68L228.2 78.9c-25.1-25.1-68.2-7.3-68.2 28.3v61.9H48c-26.5 0-48 21.6-48 48zM512 400V112c0-26.5-21.5-48-48-48H332c-6.6 0-12 5.4-12 12v8c0 6.6 5.4 12 12 12h132c8.8 0 16 7.2 16 16v288c0 8.8-7.2 16-16 16H332c-6.6 0-12 5.4-12 12v8c0 6.6 5.4 12 12 12h132c26.5 0 48-21.5 48-48z"></path></svg>') no-repeat;
}

.fa-edit {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M417.8 315.5l20-20c3.8-3.8 10.2-1.1 10.2 4.2V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h292.3c5.3 0 8 6.5 4.2 10.2l-20 20c-1.1 1.1-2.7 1.8-4.2 1.8H48c-8.8 0-16 7.2-16 16v352c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16V319.7c0-1.6.6-3.1 1.8-4.2zm145.9-191.2L251.2 436.8l-99.9 11.1c-13.4 1.5-24.7-9.8-23.2-23.2l11.1-99.9L451.7 12.3c16.4-16.4 43-16.4 59.4 0l52.6 52.6c16.4 16.4 16.4 43 0 59.4zm-93.6 48.4L403.4 106 169.8 339.5l-8.3 75.1 75.1-8.3 233.5-233.6zm71-85.2l-52.6-52.6c-3.8-3.8-10.2-4-14.1 0L426 83.3l66.7 66.7 48.4-48.4c3.9-3.8 3.9-10.2 0-14.1z"/></svg>') no-repeat;
}

.fa-flag {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M344.348 74.667C287.742 74.667 242.446 40 172.522 40c-28.487 0-53.675 5.322-76.965 14.449C99.553 24.713 75.808-1.127 46.071.038 21.532.999 1.433 20.75.076 45.271-1.146 67.34 12.553 86.382 32 93.258V500c0 6.627 5.373 12 12 12h8c6.627 0 12-5.373 12-12V378.398c31.423-14.539 72.066-29.064 135.652-29.064 56.606 0 101.902 34.667 171.826 34.667 51.31 0 91.933-17.238 130.008-42.953 6.589-4.45 10.514-11.909 10.514-19.86V59.521c0-17.549-18.206-29.152-34.122-21.76-36.78 17.084-86.263 36.906-133.53 36.906zM48 28c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20zm432 289.333C456.883 334.03 415.452 352 371.478 352c-63.615 0-108.247-34.667-171.826-34.667-46.016 0-102.279 10.186-135.652 26V106.667C87.117 89.971 128.548 72 172.522 72c63.615 0 108.247 34.667 171.826 34.667 45.92 0 102.217-18.813 135.652-34.667v245.333z"/></svg>') no-repeat;
}

.fa-bug {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M544 272h-64V150.627l35.313-35.313c6.249-6.248 6.249-16.379 0-22.627-6.248-6.248-16.379-6.248-22.627 0L457.373 128H417C417 57.26 359.751 0 289 0c-70.74 0-128 57.249-128 128h-42.373L75.314 84.687c-6.249-6.248-16.379-6.248-22.628 0-6.248 6.248-6.248 16.379 0 22.627L96 150.627V272H32c-8.836 0-16 7.163-16 16s7.164 16 16 16h64v24c0 36.634 11.256 70.686 30.484 98.889l-57.797 57.797c-6.249 6.248-6.249 16.379 0 22.627 6.249 6.249 16.379 6.248 22.627 0l55.616-55.616C178.851 483.971 223.128 504 272 504h32c48.872 0 93.149-20.029 125.071-52.302l55.616 55.616c6.249 6.249 16.379 6.248 22.627 0 6.249-6.248 6.249-16.379 0-22.627l-57.797-57.797C468.744 398.686 480 364.634 480 328v-24h64c8.837 0 16-7.163 16-16s-7.163-16-16-16zM289 32c53.019 0 96 42.981 96 96H193c0-53.019 42.981-96 96-96zm15 440V236c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v236c-79.402 0-144-64.599-144-144V160h320v168c0 79.401-64.599 144-144 144z"/></svg>') no-repeat;
}

.fa-bell {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M433.884 366.059C411.634 343.809 384 316.118 384 208c0-79.394-57.831-145.269-133.663-157.83A31.845 31.845 0 0 0 256 32c0-17.673-14.327-32-32-32s-32 14.327-32 32c0 6.75 2.095 13.008 5.663 18.17C121.831 62.731 64 128.606 64 208c0 108.118-27.643 135.809-49.893 158.059C-16.042 396.208 5.325 448 48.048 448H160c0 35.29 28.71 64 64 64s64-28.71 64-64h111.943c42.638 0 64.151-51.731 33.941-81.941zM224 480c-17.645 0-32-14.355-32-32h64c0 17.645-14.355 32-32 32zm175.943-64H48.048c-14.223 0-21.331-17.296-11.314-27.314C71.585 353.836 96 314.825 96 208c0-70.741 57.249-128 128-128 70.74 0 128 57.249 128 128 0 106.419 24.206 145.635 59.257 180.686C421.314 398.744 414.11 416 399.943 416z"/></svg>') no-repeat;
}

.fa-badge-check {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 256c0-35.496-19.411-68.153-49.598-85.502 9.075-33.611-.289-70.424-25.383-95.517-25.092-25.094-61.902-34.458-95.518-25.384C324.153 19.411 291.496 0 256 0s-68.153 19.411-85.502 49.598c-33.612-9.076-70.425.291-95.518 25.384-25.094 25.093-34.458 61.905-25.383 95.517C19.411 187.847 0 220.504 0 256s19.411 68.153 49.598 85.502c-9.075 33.611.289 70.424 25.383 95.519 26.511 26.507 63.455 34.154 95.532 25.406C187.865 492.6 220.514 512 256 512s68.135-19.4 85.487-49.573c32.709 8.92 69.471.651 95.532-25.407 25.094-25.094 34.458-61.906 25.383-95.518C492.589 324.153 512 291.496 512 256zm-91.145 68.29c5.346 11.778 29.582 54.057-6.463 90.102-28.863 28.861-57.547 21.24-90.103 6.464C319.745 432.959 306.99 480 256 480c-52.106 0-64.681-49.533-68.29-59.145-32.611 14.801-61.35 22.286-90.103-6.463-36.746-36.747-10.826-80.49-6.463-90.103C79.042 319.745 32 306.99 32 256c0-52.106 49.533-64.681 59.145-68.29-5.346-11.778-29.582-54.057 6.463-90.102 36.836-36.833 80.756-10.706 90.103-6.464C192.255 79.041 205.01 32 256 32c52.106 0 64.681 49.533 68.29 59.145 11.769-5.342 54.059-29.58 90.103 6.464 36.746 36.745 10.826 80.489 6.463 90.102C432.958 192.255 480 205.01 480 256c0 52.106-49.533 64.681-59.145 68.29zm-32.404-138.802L207.971 364.52c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.971.068l68.976 69.533 163.441-162.129c4.705-4.667 12.303-4.637 16.97.068l8.452 8.52c4.666 4.703 4.635 12.301-.07 16.969z"/></svg>') no-repeat;
}

.fa-box-up {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408 384H104c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM448 0H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm32 448c0 17.6-14.4 32-32 32H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32v384zM108.5 202l35.5-44.4V312c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V157.6l35.5 44.4c4.6 5.8 14.5 8.8 22.5 2.5 6.9-5.5 8-15.6 2.5-22.5l-64-80c-6.1-7.6-18.9-7.6-25 0l-64 80c-5.5 6.9-4.4 17 2.5 22.5s17 4.4 22.5-2.5zm256-100c-6.1-7.6-18.9-7.6-25 0l-64 80c-5.5 6.9-4.4 17 2.5 22.5s17 4.4 22.5-2.5l35.5-44.4V312c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V157.6l35.5 44.4c4.6 5.8 14.5 8.8 22.5 2.5 6.9-5.5 8-15.6 2.5-22.5l-64-80z"/></svg>') no-repeat;
}

.fa-calender-alt {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z"/></svg>') no-repeat;
}

html, body {
  height: 100%;
  background-color: #eee;
}

html, body, input, textarea, button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

ul.paid-menu {
  text-align: left;
}

ul.paid-menu li {
  list-style: none;
  font-size: 16px;
  margin-left: -31px;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  color: #848383;
}

.google-right-ads>.mui-panel {
  margin-bottom: 15px;
}

.bottom-menu {
  position: absolute;
  bottom: 90px;
  left: 15px;
  right: 0;
  text-align: center;
}

.bottom-menu button {
  width: 120px;
}

.tutorial-content, .google-right-ads>.mui-panel {
  /*    border-radius: 10px; */
}

.mui--text-body2 {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}

.search-form {
  margin-top: -5px;
  margin-right: -6px;
}

.mobile-menu {
  margin-top: -5px;
}

/**
 *  * Layout CSS
 *   */

/*
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
*/

.google-right-ads {
  position: sticky;
  top: 0px;
  text-align: center;
}

#header {
  /*
  position: fixed;
*/
  top: 0;
  right: 0;
  left: 0;
  z-index: 101;
  transition: left 0.2s;
}

.mui-dropdown__menu {
  z-index: 101;
}

.mui-dropdown__menu li:hover {
  background: #eee;
}

#footer {
  box-sizing: border-box;
  height: 160px;
  margin-left: 0px;
  transition: margin-left 0.2s;
}

/**
 *  * Footer CSS
 *   */

#privacy-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1rem .5rem;
  z-index: 1030;
  color: #000;
  font-size: 14px;
  margin: 0;
  width: 100%;
  display: none;
  border-top: 2px solid rgb(130, 130, 130);
}

#privacy-banner p {
  margin: 0;
  color: #000;
  text-align: center;
}

#privacy-banner a {
  text-decoration: none;
  margin: 20px auto 0 auto;
  display: block;
  max-width: 150px;
}

#privacy-banner a:hover {
  text-decoration: underline;
}

#banner-learn {
  color: #000;
}

#banner-accept {
  color: #fff;
  border-radius: 5px;
  font-size: 17px;
  background: #505050;
  padding: 1px 22px;
}

@media (max-width:768px) {
  .content img {
    padding-top: 15px;
  }
}

@media (min-width: 768px) {
  #privacy-banner {
    padding: 1.5rem .5rem;
  }
  #privacy-banner a {
    display: inline-block;
    margin: 0 10px;
  }
}

#privacy-banner h1 {
  color: #ffffff;
  font-size: 22px;
  color: #212121;
}

#privacy-banner a {
  font-size: 17px;
  background: #505050;
  padding: 1px 22px !Important;
  color: #fff !important;
}

#privacy-banner {
  text-align: center;
  height: 70px;
  z-index: 19030;
  background: #f1f1f1;
}

@media (max-width: 768px) {
  #privacy-banner {
    height: 150px;
    width: 99%;
  }
}

#footer {
  background-color: #0288D1;
  color: #fff;
}

#footer a {
  color: #fff;
  text-decoration: underline;
}

html, body {
  height: auto;
  background-color: #eee;
}

.mui-col-md-3 .space-top, .mui-col-md-2 .space-top {
  margin-top: 10px;
}

.mui-col-md-3 .space-bottom, .mui-col-md-2 .space-bottom {
  margin-bottom: 7px;
}

.center {
  text-align: center!important;
}

.prettyprint {
  background: #eee !important;
  border: 1px solid #d6d6d6 !important;
}

pre.prettyprint {
  padding: 5px;
  font-size: 15px;
  overflow-x: auto;
}

.result {
  background: #eee !important;
  border: 1px solid #d6d6d6 !important;
}

pre.result {
  padding: 5px;
  font-size: 15px;
  overflow-x: auto;
}

a.demo {
  font-family: "Open Sans", Arial, sans-serif;
  color: #fff;
  font-size: 13px;
  padding: 3px 10px;
  border: 1px solid #d6d6d6;
  position: absolute;
  right: 5px;
  margin: -6px 17px 0px 0px;
}

.mui--text-headline, h2 {
  font-size: 23px;
}

.cover img {
  width: 100%;
  margin-top: 15px;
}

.tutorial-content p {
  margin: .5em .2em .6em .2em;
  padding: 0;
  text-align: justify;
  color: #000;
  font-size: 16px!important;
}

.top-ad-heading {
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: center;
}

.tutorial-content {
  background: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}

.button-borders {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding-top: 10px;
}

.google-bottom-ads {
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
}

.mui-btn--small {
  min-width: 107px;
}

.right-menu a:hover {
  background: #eee !important;
}

.menu-btn {
  float: left;
  padding-left: 0px;
  padding-right: 4px;
  color: #000;
}

#footer a:link, #footer a:visited, .menu-btn a:link, .menu-btn a:visited {
  text-decoration: none;
  padding: 7px;
  color: #000;
}

#footer a:hover, #footer a:active {
  text-decoration: none;
  color: #aaa;
}

.menu-btn a:hover, .menu-btn a:active {
  text-decoration: none;
  padding: 7px;
  background: #eee;
}

.top-menu-item a:hover, .top-menu-item a:active {
  text-decoration: none;
  color: #aaa;
}

.pre-btn {
  float: left;
  padding-left: 0px;
  padding-bottom: 10px;
  color: #000;
}

.pre-btn a:link, .pre-btn a:visited {
  text-decoration: none;
  padding: 7px;
  color: #000;
}

.pre-btn a:hover, .pre-btn a:active {
  text-decoration: none;
  padding: 7px;
  background: #eee;
}

.nxt-btn {
  float: right;
  padding-left: 0px;
  padding-bottom: 10px;
  color: #000
}

.nxt-btn a:link, .nxt-btn a:visited {
  text-decoration: none;
  padding: 7px;
  color: #000;
}

.nxt-btn a:hover, .nxt-btn a:active {
  text-decoration: none;
  padding: 7px;
  background: #eee;
}

.download-btn {
  padding: 9px;
  border: 1px solid #d6d6d6;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 40px;
  font-size: 30px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
}

.download-btn a:link, .download-btn:a:visited{
  text-decoration: none;
}

.download-btn:hover, .download-btn a:hover, .download-btn a:active {
  text-decoration: none;
  background: #eee;
  color: #4c4c4c
}

.middle-btn {
  float: left;
  position: relative;
  left: 25%;
  color: #000;
}

.middle-btn a:link, .middle-btn a:visited {
  text-decoration: none;
  padding: 7px;
  color: #000;
}

.middle-btn:hover, .middle-btn a:hover, .middle-btn a:active {
  text-decoration: none;
  background: #eee;
  color: #4c4c4c;
}

.print-btn {
  margin-top: 25px;
  margin-right: 10px;
  color: #000;
}

.print-btn a:link, .print-btn a:visited {
  text-decoration: none;
  padding: 7px;
  color: #000;
}

.print-btn a:hover, .print-btn a:active {
  text-decoration: none;
  padding: 7px;
  background: #eee;
}

.action-btn {
  cursor: pointer;
  float: right;
  margin-top: 18px;
  margin-right: -1px;
  color: #000;
  text-align: center;
  padding: 3px;
}

.action-btn:hover, .action-btn:active {
  background: #eee;
}

.ellipses-icon {
  font-size: 22px!important;
  color: #949292;
  padding: 3px;
}

.mui-appbar {
  background: linear-gradient(to bottom, #ffffff 0, #d4d4d4 100%);
  background: #fff;
  z-index: 9999;
}

.sidedrawer-toggle {
  color: #6b6b6b;
  margin-left: 10px
}

.sidedrawer-toggle:hover {
  color: #aaa;
}

.tp-logo {
  width: 210px;
  float: left;
  padding: 4px;
}

.left-menu {
  float: left;
}

.left-menu .mui-dropdown {
  padding-top: 4px;
}

.right-menu {
  float: right;
}

.mui-dropdown__menu {
  left: auto;
  right: 0;
}

.right-menu .mui-btn {
  background-color: #397c3f;
  padding: 0 13px;
  margin-top: 2px;
}

.mobile-search-btn {
  display: none;
}

/*
.mobile-search-btn .mui-btn{ background-color: #eee !important;}
.search-box { float:left; display: inline-block; position: relative; vertical-align: middle; }
.search-box input { color:#000; width: 260px; font-size: 100%; padding: 0 37px 0 6px; height: 35px; border: 1px solid #d6d6d6; outline: 0; margin: 15px -18px 0px 0px; }
.search-box button { background: transparent; border: none; margin: 0px 15px 0px -11px; padding: 0px; cursor: pointer; }
*/

.mui-dropdown__menu>li>a {
  padding: 7px 14px;
  border-bottom: 1px solid #eee;
  font-size: 12px;
}

li.heading {
  margin: 0;
  background: #0067c7;
  font-size: 100%;
  border: 1px solid #797777;
  padding: 15px 0 15px 15px!important;
  color: #fff;
}

li.sreading {
  margin: 0;
  background: #aaa;
  font-size: 100%;
  padding: 15px 0 15px 15px!important;
  color: #fff;
}

ul.toc>li {
  position: relative;
  display: block;
  border-bottom: 1px dotted #bbb;
}

ul.toc>li a {
  background: url(../images/list-icon.png) no-repeat 0 9px;
  color: #000;
  text-decoration: none;
  font-size: 15px;
  line-height: 26px;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  background-position: 3px 11px;
  background-repeat: no-repeat;
  padding: 2px 23px;
  transition: all .3s;
  display: inline-block;
}

ul.toc>li:not(.sreading):not(.heading):hover {
  background: #dedede;
}

h1 {
  text-align: center;
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mini-logo img {
  width: 100%;
}

.clear {
  clear: both;
}

.mui--appbar-height {
  height: 100px;
}

.tp-btn {
  border: 1px solid #cec9c9;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, .87);
  background-color: #FFF;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  height: 30px;
  padding: 0 16px;
  margin: 6px 0;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-image: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-family: inherit;
  letter-spacing: .03em;
  position: relative;
  overflow: hidden;
  width: 19.4%;
}

.tp-btn a, .tp-btn a:visited {
  color: #5a5a5a;
  text-decoration: none;
}

.tp-btn:hover {
  background: #eee;
}

.top-menu, .social-menu {
  min-height: 36px;
  background: #ededed;
  text-align: center;
  width: 100%;
}

.top-menu-item, .social-menu-item {
  float: left;
  padding: 5px;
  font-size: 12px;
  margin-top: 5px;
  padding-right: 10px;
}

.social-menu-item {
  float: right;
  font-size: 19px;
  padding: 4px;
}

.top-menu-item a, .social-menu-item a {
  text-decoration: none;
  color: #484848;
}

.social-menu-item a {
  padding-left: 10px;
}

.social-menu-item a:link, .social-menu-item a:visited {
  text-decoration: none;
  padding: 4px;
}

.social-menu-item a:hover, .social-menu-item a:active {
  text-decoration: none;
  padding: 4px;
  background: #fff;
}

a.logo img {
  width: 68px;
}

#footer a {
  color: #7d7d7d;
  text-decoration: none;
}

.mui--text-light {
  color: #7d7d7d;
}

#footer .space-top {
  margin-top: 10px;
}

.mui--text-body2 {
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
}

#footer {
  background: #fff;
}

.toc {
  margin-left: -42px;
}

.tutorial-toc {
  overflow: unset;
  _scroll-behavior: smooth;
  _overflow-y: scroll;
  margin-top: 15px;
}

.mui-container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

#header {
  left: 0px;
}

#footer {
  margin-left: 0px;
  height: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
}

.full-width {
  width: 100%;
}

.nav-up {
  top: -40px;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
}

.nav-down {
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
}

.bottom-copyright-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mui-container {
  max-width: 1452px;
}

.mui-col-md-6 {
  width: 52.5%;
}

.mui-col-md-3 {
  width: 24%;
}

.mui-col-md-2 {
  width: 23%;
}

.selected-reading-boxes .mui-col-md-3 {
  width: 16.6667%;
}

hr {
  margin-top: 5px;
  margin-bottom: 10px;
}

p {
  margin: 10px 0 10px;
}

ul#books {
  list-style-type: none;
  padding: 2px;
  margin: 0;
  width: 100%;
  margin: 0 4px!important;
}

ul#books li {
  float: left;
  padding: 10px;
  width: 29%;
  border: solid 1px #ddd;
  margin: 2px;
}

ul#books:after {
  content: '';
  display: block;
  clear: both;
}

ul.list li {
  background: url(../images/icon-bullet.png) no-repeat 0 3px;
  padding: 0 0 0 19px;
  list-style: none;
  margin-bottom: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
  border: 1px solid #ddd;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

th {
  background: #eee;
}

.mui--text-title, h3 {
  font-size: 18px;
}

.content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4px;
  max-width: 100%;
}

p.news {
  background: #f4f4f4;
  border-left: 3px solid #CCC;
  color: #7D7D7D !important;
  display: block;
  font-size: 1.1em;
  min-height: 20px;
  padding: 12px 20px 12px 10px !important;
  position: relative;
  cursor: pointer;
  font-weight: bold;
}

.content img.raligned {
  margin: 5px 3px 0px 26px;
  float: right;
  width: 275px;
}

.QA {
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.Q p {
  font-weight: bold!important;
}

p b {
  font-weight: 640;
}

.Q p a {
  font-weight: normal!important;
  line-height: 35px;
}

.Q a {
  color: #000!important;
  background: none!important;
}

.Q a:hover {
  color: #7b7b7b!important;
  text-decoration: none;
}

.Q p a.selected {
  color: #aaa!important;
  background: #f5e25f !important;
  padding: 3px 8px 3px 3px;
  text-decoration: none;
}

.A {
  border: 1px solid #d6d6d6;
  background-color: #eee;
  padding: 5px;
  display: none;
  margin-bottom: 10px;
}

.btn-default {
  font-size: 90%;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn {
  display: inline-block;
  padding: 3px 12px 3px 7px;
  margin-bottom: 10px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
}

.btn-test {
  display: block!important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  margin-bottom: 40px;
  width: 250px;
  height: 80px;
  font-size: 30px!important;
  border-radius: 40px;
}

.btn-test a {
  color: #000;
}

.btn-test a:hover {
  color: #000;
  text-decoration: none;
}

.btn-test:hover {
  background: #eee;
}

table.src {
  border: 1px solid #d6d6d6;
  width: 100%;
  border-collapse: collapse;
  vertical-align: top;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: #f7f7f7;
}

table.src th {
  border-collapse: collapse;
  border: 1px solid #d6d6d6;
  background-color: #eee;
  padding: 5px;
  text-align: left;
}

.QA .B {
  width: 100%;
  text-align: right;
}

.where, .what {
  border: 1px solid #d6d6d6;
  height: 40px;
  width: 100%;
}

.form-control {
  display: block;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 2px solid #d4d4d4;
  padding: 11px;
}

textarea {
  resize: vertical;
}

textarea.what {
  height: 140px!important;
}

.E {
  border: 1px solid #d6d6d6;
  background-color: #eee;
  padding: 5px;
  display: none;
  margin-bottom: 10px;
}

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

.wrong {
  color: red!important;
}

.correct {
  color: #3eaa1c!important;
}

#stage h2 {
  color: #000;
}

#stage a:hover {
  text-decoration: none;
  color: #aaa;
}

.hide {
  display: none!important;
}

/* new css for toggle */

ul.dropdown {
  margin: 0px;
  padding: 0px;
}

.dropdown {
  margin: 0px 0px 0px -40px;
  position: relative;
  list-style-type: none;
}

.dropdown a {
  text-decoration: none;
}

.dropdown [data-toggle="dropdown"] {
  display: block;
  font-size: 14px;
  color: #757575;
  background: #f4f4f4;
  font-weight: 600;
  padding: 12px 20px 12px 10px;
  margin: 10px 0 0;
  border-left: 3px solid #CCC;
}

.dropdown [data-toggle="dropdown"]:hover {
  background: #f4f4f4;
}

.dropdown [data-toggle="dropdown"]:before {
  position: absolute;
  display: block;
  content: '\25BC';
  font-size: 0.7em;
  color: #ccc;
  top: 13px;
  right: 10px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown>.dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.dropdown>.dropdown-menu li {
  padding: 0;
}

.dropdown>.dropdown-menu li a {
  display: block;
  color: #6f6f6f;
  background: #EEE;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 10px 10px;
}

.dropdown>.dropdown-menu li a:hover {
  background: #f6f6f6;
}

.dropdown>input[type="checkbox"] {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.dropdown>input[type="checkbox"]:checked~.dropdown-menu {
  max-height: 9999px;
  display: block;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 0.2s ease-in-out;
  -o-transition: max-height 0.2s ease-in-out;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}

.dropdown>input[type="checkbox"]:checked+a[data-toggle="dropdown"]:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

/* end of new css for toggle */

/* new toc ul li and interview questions css */

ul.toc>li a.videolink {
  background: #fff!important;
  padding: 0px!important;
  margin: 0px 0px 10px 0px;
}

ul.toc>li a.videolink img {
  width: 112%!important;
  padding: 0px;
  margin: 0px;
}

a.videolink {
  padding: 0px!important;
}

ul.chapters li a img {
  border: 1px solid #d4d4d4!important;
}

/*ul.toc>li a{padding:10px 23px!important;}   */

.table-bordered td a, .table td a, .src td a {
  color: #313131;
  font-weight: bold;
}

td a, p a, .table-bordered td a, .table td a, .src td a {
  background: url(../images/link-icon.png) no-repeat;
  background-position: right;
  padding-right: 22px;
  padding-bottom: 2px;
  font-weight: normal;
  color: #313131;
}

.panel-default>.panel-heading {
  color: #555555;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.collapse.in {
  display: block;
}

.collapse {
  display: none;
}

.panel-title>a:before {
  float: right !important;
  font-family: FontAwesome;
  content: "\f068";
  padding-right: 5px;
}

.panel-title>a.collapsed:before {
  float: right !important;
  content: "\f067";
}

.panel-title>a:hover, .panel-title>a:active, .panel-title>a:focus {
  text-decoration: none;
}

.demo-view {
  width: 100%;
  text-align: right;
  position: relative;
  top: 7px;
}

a.demo {
  font-family: "Open Sans", Arial, sans-serif;
  color: #fff;
  font-size: 13px!important;
  padding: 3px 10px;
  border: 0px solid #f05c02;
  position: relative!important;
  right: unset!important;
  margin: -6px 17px 0px 0px!important;
}

pre.prettyprint {
  margin-top: -5px!important;
}

iframe .result {
  width: 100% !important;
}

.latex {
  font-size: 15px;
  float: left;
  margin: .0em .2em .5em 0em;
  font-weight: bold;
}

.spanQ {
  font-size: 15px!important;
  margin-left: 6px;
}

ul.maths li a {
  background-color: #e6e6e6;
  border: 0!important;
  position: relative;
  display: block;
  width: auto;
  padding: 0px 0px 0px 23px;
}

ul.maths>li {
  margin: 0;
  padding: 0;
  border: 0!important;
  position: relative;
  display: block;
}

ul.submenu li {
  line-height: 22px!Important;
}

.maths>li:hover {
  background: none!important;
}

ul.submenu>li a {
  background: none!important;
  border-bottom: 0!important;
  color: #000;
  padding-left: 2px!important;
  text-decoration: none;
}

.toggle-content img, img.inline {
  display: inline!important;
  position: relative;
  top: 3px;
}

.maths img {
  margin-left: 0!important;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
  display: inline-block;
}

.maths>section.toggle {
  font-weight: normal;
}

.tutorial-content .math {
  border: 1px solid #d6d6d6;
  margin-bottom: 10px;
  padding: 10px;
  background: #eee;
}

.tutorial-content .MathJax .math {
  border: 0px solid #d6d6d6;
  margin-bottom: 10px;
  padding: 10px;
  background: #fff;
}

section.toggle {
  margin: 10px 0 0;
  position: relative;
  clear: both;
}

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

section.toggle.active>label {
  background: #f4f4f4;
  border-color: #CCC;
}

section.toggle>label {
  -moz-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  background: #f4f4f4;
  border-left: 3px solid #CCC;
  color: #000;
  display: block;
  font-size: 20px;
  min-height: 20px;
  padding: 12px 20px 12px 10px;
  position: relative;
  cursor: pointer;
  font-weight: 400;
  transition: all .15s ease-out;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

section.toggle.active>label:before {
  border: 6px solid transparent;
  border-top-color: inherit;
  margin-top: -3px;
  right: 10px;
}

section.toggle>label:before {
  border: 0px solid transparent;
  border-left-color: inherit;
  content: '';
  margin-top: -6px;
  position: absolute;
  right: 4px;
  top: 50%;
}

section.toggle>label i {
  font-size: .7em;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

section.toggle .icon {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

section.toggle>label i {
  font-size: .7em;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.sub_pdf a {
  font-size: 22px
}

.sub_pdf img {
  width: 185px;
  height: 270px;
  padding: 3px;
  margin: 0 auto 10px auto;
  border: 1px solid #ccc
}

.pdf_btn {
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center
}

.pdf_btn button, .pdf_btn .btnsbmt, input[type="submit"] {
  background: #4db748;
  color: #fff;
  padding: 5px 10px
}

.pdf_dwnld {
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  padding: 25px 0;
  margin: 0 0 15px 0;
  font-size: 16px;
  text-align: center;
  line-height: 36px
}

.pdf_dwnld a {
  background: #52d64c;
  color: #fff;
  padding: 8px 20px;
  margin: 0;
  line-height: 70px;
  border: 1px solid #52d64c
}

.pdf_view_title a:focus, .pdf_links a:focus, .pdf_view_title a:hover, .pdf_btn button:hover, .pdf_dwnld a:hover, .pdf_links a:hover {
  color: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.pdf_btn .mui-col-md-6 {
  width: 50% !important;
}

.button-borders a, a.btn-mt, .right-menu a, .top-menu a, #logo-menu a {
  background: none;
}

.btn-mt {
  padding: 15px 29px 15px 28px!important;
  margin-left: 1px!important;
  border-color: #ccc;
  width: 24.3%;
}

.btn-mt:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  padding: 15px 29px 15px 28px!important;
  margin-left: 1px!important;
  border-color: #ccc;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* end of new toc ul li and interview questions css */

/*new css for parent file */

div.parent-file {
  display: none;
}

/* end of parent-file */

/* Update buttons hover links*/

.pre-btn a:hover, .pre-btn a:active {
  text-decoration: none;
  padding: 7px;
  background: #eee!important;
}

.nxt-btn a:hover, .nxt-btn a:active {
  text-decoration: none;
  padding: 7px;
  background: #eee!important;
}

.btn-round {
  border-radius: 40px;
}

@media (max-width: 840px) {
  .library-btn, .videos-btn, .ebooks-btn {
    display: none;
  }
}

div.home-intro {
  background: linear-gradient(300deg, #d0d0d0, #fff);
  margin-bottom: 5px;
  overflow: hidden;
  padding: 140px 0 40px 0;
  position: relative;
}

div.home-intro h2 {
  color: #d1496b;
  font-size: 36px;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding: 90px 0px 20px 0px;
}

div.home-intro p {
  color: #000;
  font-size: 22px;
  text-align: left;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

div.home-intro p em {
  color: #8a8a8a;
  font-style: normal;
}

.content h1 {
  color: #797979;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
  line-height: 24px;
  padding: 35px 0px 20px 0px!important;
  margin: 0px;
}

.content h1 a {
  color: #797979;
  text-transform: none;
}

.content h1 a:hover {
  color: #797979;
  text-transform: none;
}

.content h1 span {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding: 0px 0px 20px 0px;
  margin: 0px;
}

.content h1 span b {
  font-style: italic;
}

.tp-content-widget {
  background: #fff;
  min-height: 253px;
  margin: 15px 0px 15px 0px;
  padding: 0px;
}

.tp-content-widget h2 {
  color: #353535;
  font-size: 22px;
  text-align: left;
  font-weight: 600;
  padding: 8px 5px 7px 15px;
  margin: 0px 0px 15px 0px;
  border-bottom: 1px dashed #ccc;
}

.tp-content-widget ul.menu {
  margin: 0px;
  padding: 0px 0px 0px 5px;
}

.tp-content-widget ul.menu li {
  text-align: left;
  list-style: none;
  line-height: 32px;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}

.tp-content-widget ul.menu li a {
  font-size: 14px;
  color: #4d4d4d;
  text-transform: capitalize;
  line-height: 15px;
  text-decoration: none;
}

.tp-content-widget ul.menu li a:hover {
  color: #40b35d;
}

.tp-content-widget a.tp-viewmore {
  background: #40b35d;
  font-size: 14px;
  color: #fff;
  margin: 0px 0px 0px 0px;
  padding: 5px 20px;
  float: right;
}

a {
  color: #6f6f6f;
  text-decoration: none;
}

/*
.content{padding-top:110px;}
.fixed + .content {
  padding-top: 70px;
}
*/

#header {
  background: #fff;
  /*position:fixed;*/
  top: 0;
  right: 0;
  left: 0;
  margin: 0px;
  padding: 0px;
  z-index: 111;
  transition: left 0.2s;
  box-shadow: 1px 1px 2px #c5c5c5;
  -moz-box-shadow: 1px 1px 2px #c5c5c5;
}

div.teal-bg {
  background: #fff url(../images/bnner-design-lib.png)no-repeat right;
  height: 200px;
}

.mui-content-sub {
  margin: 30px 0px 20px 0px;
  padding: 0px;
}

.mui-content-sub .mui-col-md-3 {
  padding-right: 0px;
  padding-bottom: 0px;
}

.mui-content-sub .course-box {
  text-align: center;
  margin: 15px auto 15px auto;
  padding: 5px;
  border-radius: 6px;
  -moz-border-radius: 6px;
}

.home-intro-sub {
  background: #fff;
  min-height: 150px;
  padding: 0px 0px 0px 0px;
  margin-top: 8px;
}

.home-intro-sub img {
  height: 150px;
}

.home-intro-sub .mui-col-md-5 {
  text-align: right;
}

.home-intro-sub .mui-col-md-2 {
  width: 16%;
}

.home-intro-sub h2 {
  font-size: 22px;
  color: #989797;
  text-align: left;
  margin: 0px;
  padding: 30px 0px 0px 0px;
  text-transform: uppercase;
  font-weight: bold;
}

.home-intro-sub p {
  font-size: 28px;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

.big-icon {
  width: 100px;
  height: 100px;
  padding: 5px;
}

.course-box {
  padding: 5px;
  margin: 0px auto 25px auto;
  text-align: center;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.pad-right:hover {
  opacity: .9;
  cursor: pointer;
}

.pad-right {
  position: relative;
  z-index: 9;
}

.article-body img {
  max-width: 100%;
  height: auto;
}

.course-box:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 0px;
  left: auto;
  width: 95%;
  top: 75%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #1b1b1b;
  -moz-box-shadow: 0 15px 10px #1b1b1b;
  box-shadow: 0 15px 10px #1b1b1b;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.selected-reading-boxes .course-box {
  background: #fff
}

.categories {
  background: #fff!important;
  font-size: 14px;
  color: #484848;
  text-transform: capitalize;
  position: relative;
  top: -3px;
  box-shadow: none;
}

.categories:hover, .categories:focus {
  background: #eee!important;
  color: #636363;
  text-transform: capitalize;
  position: relative;
  top: -3px;
  box-shadow: none;
}

.cat-menu {
  display: none;
  width: 650px;
  background: linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
  margin: 15px 0px 0px 0px;
  padding: 10px 0px 20px 0px;
  border-top: 2px solid #e6e3e3;
  z-index: 999;
  box-shadow: 0 4px 16px rgba(20, 23, 28, 0.25);
  -moz-box-shadow: 0 4px 16px rgba(20, 23, 28, 0.25);
  transition: opacity .3s ease, top .2s ease, bottom .2s ease;
}

.cat-menu .caret-up {
  background: url(../images/dropdown-top-icon.png) no-repeat;
  width: 26px;
  height: 19px;
  position: absolute;
  top: -16px;
}

.cat-menu .icon {
  width: 28px;
  color: #a5a5a5;
  font-size: 15px;
  padding: 3px 9px 4px 0px;
  vertical-align: middle;
}

ul.cat-menu li ul {
  margin: 0px 10px 0px 27px;
  padding: 0px;
}

ul.cat-menu ul li {
  width: 30%;
  font-size: 15px;
  margin: 0 24px 0 -6px;
  padding: 2px 0px 0px 0px;
  text-transform: capitalize;
  line-height: 34px;
  float: left;
  display: block;
  border-bottom: 1px solid #f3f1f1;
}

ul.cat-menu ul li:hover {
  background: #f6f6f6;
  cursor: pointer;
}

.cat-menu a {
  padding: 10px 5px 10px 5px;
  font-size: 14px!important;
  color: #656262;
  text-decoration: none;
  background: url(../images/menu-list-icon.png) no-repeat 0px 14px !important;
}

.cat-menu a:hover {
  color: #333;
  text-decoration: none;
}

.cat-menu:after {
  position: absolute;
  left: 20%;
  top: -12px;
  width: 0;
  height: 0;
  content: '';
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #fff;
}

.toc-toggle {
  font-size: 22px;
  color: #bbb;
  position: relative;
  top: 0px;
  right: 0px;
  margin: 0px 10px 0px 5px;
}

.menu-btn {
  display: inline-block;
}

.mobile-search-btn {
  line-height: 53px;
}

.google-bottom-ads img, .google-bottom-ads iframe {
  width: 100%;
  max-width: 100%;
}

.tutorial-content {
  margin-top: 15px;
}

ul.toc>li a.videolink {
  background: #fff!important;
  padding: 0px!important;
  margin: 0px 0px -5px 0px;
  width: 100%;
}

blockquote {
  background-color: rgba(249, 249, 249, 1);
  border-left: 5px solid rgba(233, 233, 233, 1);
  color: rgba(0, 0, 0, 1);
  margin: 29px auto 27px;
  padding: 15px 15px 7px;
}

.fraction {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.2em 0.4ex;
  text-align: center;
}

.fraction>span {
  display: block;
  padding-top: 0.15em;
}

.fraction span.bar {
  display: none;
}

.fraction span.fdn {
  border-top: thin solid black;
}

.cse .gsc-control-cse, .gsc-control-cse {
  font-family: Arial, sans-serif;
  line-height: 25px;
  width: 300px !important;
  padding: 0px;
}

.gsc-search-button-v2 svg {
  fill: #3c3c3c !important;
  top: 7px;
  position: relative;
}

.search-box button:hover {
  background: #aaa !important;
  border: 1px solid #aaa;
}

.search-box button {
  background: #ededed;
  border: 1px solid #aaa;
  margin: 0px 15px 1px -21px;
  padding: 4px 11px;
  cursor: pointer;
  line-height: 25px;
}

.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
  padding-right: 20px !important;
}

.cse input.gsc-input, input.gsc-input {
  color: #545252 !important;
}

.search-box {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

#buy_sub_div p {
  font-size: 15px;
  color: #6f6f6f;
}

.profile-my-notes {
  display: none;
  padding: 20px 0px 20px 0px;
  margin: 15px -16px 0px -14px;
  box-shadow: 0px 1px 5px #dadada;
  -webkit-box-shadow: 0px 1px 5px #dadada;
}

.profile-my-notes textarea {
  width: 85%;
  height: 270px;
  resize: none;
  background: #fff;
  border: 1px solid #eee;
  padding: 5px;
  margin: 0px 0px 20px 17px;
  font-size: 15px;
  line-height: 28px;
  text-align: left;
  outline: none;
}

a.butn-save {
  background: #56b55d;
  font-size: 14px;
  color: #fff;
  padding: 7px 15px;
  margin: 0px 5px 0px 17px;
  text-decoration: none;
  border: 1px solid #56b55d;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  outline: none;
  cursor: pointer;
}

a.butn-cancel {
  background: #f00;
  font-size: 14px;
  color: #fff;
  padding: 7px 15px;
  margin: 0px 5px;
  text-decoration: none;
  border: 1px solid #f00;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  outline: none;
  cursor: pointer;
}

ul.paid-menu li a:hover, ul.paid-menu li i:hover {
  color: #56b55d;
  text-decoration: none;
}

.profile-drpmenu {
  padding: 20px;
  z-index: 999999!important;
}

ul.profile-without {
  margin: 0px;
  padding: 0px;
}

ul.profile-without li a {
  color: #000;
  text-decoration: none;
}

.npr {
  padding-right: 0px;
}

.modalDialog {
  display: none;
}

/* pricing css */

.s-box {
  background: #fff;
  width: 95%;
  min-height: 445px;
  text-align: center;
  padding: 0px 0px 15px 0px;
  margin: 0px auto 75px auto;
  border: 1px solid #fff;
  box-shadow: 0 10px 20px rgba(76, 74, 74, 0.19), 0 6px 6px rgba(86, 86, 86, 0.23);
}

.sub-bg {
  background: #307107 url(https://www.transparenttextures.com/patterns/binding-light.png) repeat;
  min-height: 95px;
  font-size: 46px;
  color: #fff;
  text-align: center;
  padding: 25px 0px 25px 0px!important;
  margin: 0px 0px 50px 0px;
}

.sub-bg h1 {
  font-size: 38px;
  color: #fff;
  text-align: center;
  padding: 33px 0px 10px 0px!important;
  margin: 5px 0px 10px 0px;
  border-bottom: 0px solid #ccc;
}

.s-box h2 {
  font-size: 20px;
  color: #333;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  padding: 25px 0px 10px 0px;
  margin: 0% 15% 7% 15%;
  border-bottom: 2px solid #6a9565;
}

.s-box h3 {
  font-size: 30px;
  color: #a0a0a0;
  text-align: left;
  text-transform: capitalize;
  padding: 25px 0px 10px 40px;
  margin: 0px;
}

.s-box h4 {
  font-size: 22px;
  color: #1f3c22;
  text-align: center;
  font-weight: normal;
  text-transform: capitalize;
  padding: 7px 0px 7px 0px;
  margin: 0px 0px 10px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.s-box ul {
  min-height: 255px;
  margin: 0px 0px 0px 40px!important;
  padding: 0px 10px 0px 10px;
  line-height: 20px;
  font-size: 15px;
}

.s-box ul li {
  text-align: left;
  padding: 10px 0px;
  list-style-type: disc;
}

.s-box strike {
  font-size: 18px;
  color: #f00;
  padding-right: 5px;
}

.np {
  padding-left: 0px;
  padding-right: 0px;
}

.s-icon {
  font-size: 22px;
  color: #a0a0a0;
  padding-bottom: 7px;
  vertical-align: middle;
}

a.s-buy {
  background: #479c38;
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding: 15px 25px;
  margin: 5px 0px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
}

a.s-buy:hover {
  background: #328e22;
  text-decoration: none;
}

.mui-s-box {
  width: 100%;
  margin: 0px auto;
}

/* bookmark css */

.bookmark {
  margin: 15px 0px;
  padding: 0px;
}

.bookmark ul {
  margin: 15px 0px;
  padding: 0px;
}

.bookmark ul li {
  list-style: none;
  line-height: 28px;
  padding: 5px 0px;
  border-bottom: 1px solid #eee;
}

.bookmark ul li a {
  font-size: 15px;
  color: #000;
}

.bookmark ul li svg {
  padding-right: 15px;
}

.bookmark ul li a:hover {
  color: #000;
  text-decoration: none;
}

.bookmark span a {
  color: #f00;
  font-size: 14px;
  float: right;
}

.bookmark p {
  font-size: 14px!important;
  color: rgba(0, 0, 0, .87);
  text-align: justify;
  margin: 0px;
  padding: 0px 0px 0px 30px;
  line-height: 28px;
}

.bookmark .b-date {
  width: max-content;
  font-size: 12px!important;
  line-height: 16px;
  margin: 0px 0px 0px 21px;
  padding: 0px 10px;
}

.bookmark .b-delete {
  float: right;
  position: relative;
  margin: -42px 0px 0px 0px;
}

/* end of bookmark css */

/* dashboard css */

.tab ol, ul {
  margin-bottom: 0rem!important;
}

ul.tabs {
  overflow: hidden;
  margin: 15px 0px 0px 0px;
  padding: 0px;
}

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}

.tab-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 15px;
  padding: 1em;
  background: #56b55d;
  font-weight: bold;
  cursor: pointer;
}

.tab-label:hover {
  background: #469e4c;
}

.tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center
}

.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
}

.tab-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}

.tab-close:hover {
  background: #1a252f;
}

.tab input:checked+.tab-label {
  background: #469e4c;
  margin: 0px;
}

.tab input:checked+.tab-label::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.tab input:checked~.tab-content {
  max-height: 655px;
  padding: 0px 0px 0px 0px;
  margin-bottom: 5px!important;
}

ul.tab-content li {
  font-size: 15px;
  line-height: 26px;
  padding: 5px 0px 5px 15px;
  list-style: none;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.faa-icons {
  width: 40px;
  padding-right: 5px;
}

ul.tab-content li:hover {
  background: #fafafa;
}

ul.tab-content li:last-child {
  border-bottom: 0px solid #eee;
}

.tp-prf-active {
  max-height: 655px;
  padding: 0px 0px 0px 0px;
  margin-bottom: 5px!important;
}

/* end of dashboard css */

.popdiv {}

.overlay-pop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, .7);
  z-index: 9999;
}

.modal-window.small {
  width: 40%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}

.modal-window {
  position: relative;
  background-color: #fff;
  width: 50%;
  margin: 7% auto 6% auto;
  padding: 20px;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #f00;
  height: 30px;
  width: 30px;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.pop-content h2 {
  font-size: 18px;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 5px 0px;
  text-align: left;
  border-bottom: 1px solid #eee;
  color: #333;
}

.form-control {
  display: block;
  font-size: 15px;
  color: #333;
  background: #fff;
  border: 1px solid #eee;
  padding: 7px 10px;
  width: 95%;
  margin: 0px 0px 10px 0px;
  outline: none;
}

.butnn-saved {
  background: #fff;
  width: 85%;
  font-size: 22px;
  color: #333;
  margin: 10px 0px;
  padding: 7px 10px;
  border: 1px solid #ccc;
  outline: none;
  cursor: pointer;
}

.butnn-saved:hover {
  background: #1f9224;
  width: 85%;
  font-size: 22px;
  color: #fff;
  margin: 10px 0px;
  padding: 7px 10px;
  border: 1px solid #1f9224;
  outline: none;
  cursor: pointer;
}

.butnn-save {
  background: #4CAF50;
  color: #fff;
  margin: 10px 0px;
  padding: 7px 10px;
  border: 1px solid #4CAF50;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  outline: none;
  cursor: pointer;
}

.butnn-cancel {
  background: #f00;
  color: #fff;
  margin: 10px 0px;
  padding: 7px 10px;
  border: 1px solid #f00;
  outline: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}

a:focus, a:hover {
  text-decoration: none!important;
}

.pop-error-msg {
  color: #f00;
  font-size: 13px;
  position: absolute;
  margin: -36px 0px 0px 141px;
}

.wrap_loader {
  background: #fffafa url(https://dev.howcodex.com/profile/images/loader.gif) no-repeat;
  background-attachment: fixed;
  background-position: center center;
  width: 100%;
  min-height: 1024px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  vertical-align: center;
  text-align: center;
  position: fixed;
  top: 0px;
  z-index: 9999;
  opacity: .8;
  display: none;
}

.wrap_loader img {
  text-align: center;
  border: none;
  display: none;
}

.imgLoader {
  position: fixed;
  margin: 0 auto;
  top: 50%;
  left: 50%;
}

#chapter-menu .mui-panel {
  height: 540px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

@media (min-width: 244px) {
  .menu-btn {
    display: none;
  }
  .cse .gsc-control-cse, .gsc-control-cse {
    width: 185px !important;
  }
  .categories {
    padding-left: 8px;
    top: -7px;
  }
  .tp-logo {
    _width: 175px;
    width: 160px;
  }
  .tutorial-toc, .categories span {
    display: none;
  }
  .toc-toggle {
    display: inline-block;
  }
  .right-menu .mui-dropdown__menu {
    left: -182px;
  }
  .left-menu .mui-dropdown__menu {
    left: -182px;
  }
  .cat-menu ul li:hover ul {
    left: 0px;
  }
  .cat-menu ul ul li:hover ul {
    left: 0px;
  }
  .cat-menu .caret-up {
    margin: 0px 0px 0px 185px;
  }
  .mui-col-xs-12 {
    width: 100%;
  }
  .tutorial-content {
    margin-top: 10px;
  }
  .cat-menu {
    width: 250px;
    min-height: 393px;
    max-height: 393px;
    overflow: auto;
  }
  ul.cat-menu ul li {
    width: 94%;
  }
}

@media (min-width: 615px) {
  .menu-btn {
    display: none;
  }
  .cse .gsc-control-cse, .gsc-control-cse {
    width: 245px !important;
  }
  .categories {
    padding-left: 8px;
    top: -7px;
  }
  .tp-logo {
    width: 175px;
  }
  .tutorial-toc, .categories span {
    display: none;
  }
  .toc-toggle {
    display: inline-block;
  }
  .right-menu .mui-dropdown__menu {
    left: -182px;
  }
  .left-menu .mui-dropdown__menu {
    left: -182px;
  }
  .cat-menu ul li:hover ul {
    left: 290px;
  }
  .cat-menu ul ul li:hover ul {
    left: 265px;
  }
  .cat-menu .caret-up {
    margin: 0px 0px 0px 185px;
  }
  .mui-col-xs-12 {
    width: 50%;
  }
  .tutorial-content {
    margin-top: 10px;
  }
  .cat-menu {
    width: 250px;
    overflow: auto;
  }
  ul.cat-menu ul li {
    width: 94%;
  }
}

@media (min-width: 931px) {
  .menu-btn {
    display: inline-block;
  }
  .cse .gsc-control-cse, .gsc-control-cse {
    width: 265px !important;
  }
  .categories {
    padding-left: 8px;
    top: -7px;
  }
  .tp-logo {
    width: 175px;
  }
  .tutorial-toc, .categories span {
    display: inline-block;
  }
  .toc-toggle {
    display: none;
  }
  .right-menu .mui-dropdown__menu {
    left: -182px;
  }
  .cat-menu ul li:hover ul {
    left: 0px;
  }
  .cat-menu ul ul li:hover ul {
    left: 0px;
  }
  .cat-menu .caret-up {
    margin: 0px 0px 0px 185px;
  }
  .mui-col-xs-12 {
    width: 50%;
  }
  .tutorial-content {
    margin-top: 10px;
  }
  ul.cat-menu ul li {
    width: 94%;
  }
}

@media (min-width: 1068px) {
  .cse .gsc-control-cse, .gsc-control-cse {
    width: 265px !important;
  }
  .categories {
    padding-left: 25px;
    top: -7px;
  }
  .tp-logo {
    width: 210px;
  }
  .tutorial-toc, .categories span {
    display: inline-block;
  }
  .toc-toggle {
    display: none;
  }
  .right-menu .mui-dropdown__menu {
    left: -182px;
  }
  .left-menu .mui-dropdown__menu {
    left: -30px;
  }
  .cat-menu ul li:hover ul {
    left: 290px;
  }
  .cat-menu ul ul li:hover ul {
    left: 268px;
  }
  .cat-menu .caret-up {
    margin: 0px 0px 0px 110px;
  }
  .mui-col-xs-12 {
    width: 25%;
  }
  .cat-menu {
    width: 680px;
    overflow: initial;
  }
  ul.cat-menu ul li {
    width: 30%;
  }
}

@media (min-width:1200px) {
  .categories {
    padding-left: 25px;
    top: -7px;
  }
  .tp-logo {
    width: 210px;
  }
  .tutorial-toc, .categories span {
    display: inline-block;
  }
  .toc-toggle {
    display: none;
  }
  .right-menu .mui-dropdown__menu {
    left: -182px;
  }
  .left-menu .mui-dropdown__menu {
    left: -30px;
  }
  .cat-menu ul li:hover ul {
    left: 290px;
  }
  .cat-menu ul ul li:hover ul {
    left: 268px;
  }
  .cat-menu .caret-up {
    margin: 0px 0px 0px 110px;
  }
  .mui-col-xs-12 {
    width: 25%;
  }
  .cat-menu {
    width: 680px;
    overflow: initial;
  }
  ul.cat-menu ul li {
    width: 30%;
  }
}

@media only screen and (max-width: 1190px) {
  .mui-col-md-3 {
    width: 35%;
  }
  .mui-col-md-6 {
    width: 65%;
  }
  .mui-col-md-2 {
    display: none
  }
}

@media (max-width: 931px) {
  .mui-col-md-3, .mui-col-md-6 {
    width: 100%;
  }
}

@media only screen and (max-width: 1180px) {
  .net-meeting, .whiteboard, .articles {
    display: none;
  }
  ul#books li {
    width: 45%;
  }
}

@media only screen and (max-width: 920px) {
  .coding-ground {
    display: none;
  }
}

@media (max-width: 805px) {
  .code-examples, .tools {
    display: none;
  }
  .action-btn {
    margin-top: 8px;
  }
  .mui--text-body2 {
    font-size: 14px;
  }
  ul#books li {
    width: 95%;
  }
}

@media (max-width: 628px) {
  ul#books li {
    width: 95%;
  }
  .middle-btn {
    left: 5%
  }
  .hide-on-mobile {
    display: none;
  }
  .tutorial-home-menu .tp-btn {
    width: 100%;
  }
  .tutorial-menu .tp-btn {
    width: 100%;
  }
  .mui--text-body2 {
    font-size: 17px;
  }
  .mui-list--inline>li {
    float: left;
    display: inline;
    text-align: left;
    padding-left: 34px;
    width: 90%;
    line-height: 36px;
    border-top: 1px solid #eee;
  }
  .mui-list--inline>li:hover {
    background: #eee;
  }
  .social-menu-item {
    display: none;
  }
  .top-menu span {
    display: none;
  }
  .top-menu-item {
    padding-left: 33px;
    font-size: 20px;
  }
  .mobile-search-btn i {
    margin-bottom: 8px;
  }
  .mui-btn {
    padding: 0 6px;
  }
  .mobile-search-btn {
    display: inline-block;
    margin-right: 10px;
    background: #dadada;
    width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    margin-top: -5px;
    border-radius: 3px;
  }
  .btn-mt {
    width: 100%;
  }
  .mui-col-md-2 {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  #chapter-menu .mui-panel {
    height: 329px;
  }
  /*
   .search-box {
       display:none;
   }
*/
  .content h1 {
    font-size: 20px;
  }
  .content h2 {
    font-size: 18px;
  }
  .content h3 {
    font-size: 16px;
  }
  /*
   .content {
     padding-top: 10px;
   }
*/
  .google-bottom-ads {
    margin-bottom: 0px;
    text-align: center;
    background: #fff;
  }
  #footer {
    height: 100%;
    padding-bottom: 20px;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    background: #eee;
  }
  .mui--text-center {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .top-menu, .mobile-search-btn {
    display: none;
  }
}

.mui-col-md-3 {
  min-width: 320px;
  margin-top: 10px;
}

@media screen and (max-width: 1364px) {
  .mui-col-md-6 {
    width: 52.5%;
  }
}

@media screen and (max-width: 1336px) {
  .mui-col-md-6 {
    width: 52.0%;
  }
}

@media screen and (max-width: 1310px) {
  .mui-col-md-6 {
    width: 51.5%;
  }
}

@media screen and (max-width: 1285px) {
  .mui-col-md-6 {
    width: 51.0%;
  }
}

@media screen and (max-width: 1260px) {
  .mui-col-md-6 {
    width: 50.0%;
  }
}

@media screen and (max-width: 1255px) {
  .mui-col-md-6 {
    width: 72%;
  }
  .mui-col-md-2 {
    display: none;
  }
}

@media screen and (max-width: 1190px) {
  .mui-col-md-6 {
    width: 71.5%;
  }
  .mui-col-md-3 {
    width: 24%;
  }
}

@media screen and (max-width: 1170px) {
  .mui-col-md-6 {
    width: 70%;
  }
}

@media screen and (max-width: 1096px) {
  .mui-col-md-6 {
    width: 69%;
  }
}

@media screen and (max-width: 1066px) {
  .mui-col-md-6 {
    width: 68%;
  }
}

@media screen and (max-width: 530px) {
  .search-box {
    display: none;
  }
  .mobile-search-btn {
    display: inline-block;
  }
}

@media screen and (max-width: 1030px) {
  .mui-col-md-6 {
    width: 100%;
  }
  .mui-col-md-2 {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  #chapter-menu .mui-panel {
    height: 329px;
  }
  .tutorial-toc {
    display: none;
    height: 100%;
    background-color: #fff;
    position: fixed!important;
    z-index: 1;
    overflow: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  }
  .menu-btn {
    display: none;
  }
  .toc-toggle {
    display: inline-block;
  }
}

@media print {
  body * {
    visibility: hidden;
  }
  .tutorial-toc, .top-ad-heading, .pre-btn, .nxt-btn, .google-top-ads, .google-bottom-ads, .google-right-ads {
    display: none;
  }
  .qa_category, .profile-panel, .button-borders {
    display: none;
  }
  .tutorial-content, .tutorial-content * {
    visibility: visible;
  }
  pre {
    padding: .625rem !important;
    font-size: .95em !important;
  }
  .tutorial-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100px !important;
    min-height: 100px !important;
  }
  h1, h2, h3, h4, h5 {
    font-weight: bold;
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  h1+p, h2+p, h3+p {
    page-break-before: avoid;
  }
  table, figure {
    page-break-inside: avoid;
  }
  ul li {
    list-style: disc !important;
  }
}