/* Google Font*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

html {
  font-family: $font-family-base;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: $font-family-base;
  background: $body-bg;
  font-size: 15px;
  color: $body-color;
  letter-spacing: 1px;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

::placeholder {
  color: #747f8a !important;
  font-size: 13px;
  opacity: .5 !important;

  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #747f8a !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #747f8a !important;
}

#wrapper {
  width: 100%;
  position: relative;
  height: 100%;
}

/* Page Content Wrapper */

.content-wrapper {
  margin-left: 240px;
  padding-top: 70px;
  padding-left: 15px;
  padding-right: 15px;
  overflow-x: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: $spacer;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: $font-family-base;
  font-weight: 600;
	color: #000;
}

.serif-font{
    font-family: $font-family-sans-serif;
}

p {
  margin-bottom: 0.65rem;
}

:focus {
  outline: 0 !important;
}

a {
  color: #7c90ff;
  outline: none !important;

  &:hover {
    color: #6c75ac;
    text-decoration: none;
  }

  &.text-muted {
    &:focus, &:hover {
      color: #748690;
    }
  }
}

hr {
  border-top: 1px solid #e4eaec;
}