/*
  Documentaion for the Theme
  By: Tariqul Islam

*/
body{
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 28px;
  color: #666;
  font-weight: 400;
  background-color: #fff;
}
h1,h2,h3,h4,h5,h6{
  color: #333;
}
.btn{
  border: 0 none;
  padding: 12px 30px;
  font-weight: 700;
}
.btn-primary {
  color: #fff;
  background-color: #f4462f;

}
.btn-primary:hover{
  background-color: #d1240d;
}
a{
  text-decoration: none;
}
/*----- Layout / Sidebar ----*/
.doc-sidebar--left {
  position: fixed;
  left: 0;
  top: 0;
  display: block !important;
  height: 100% !important;
  background: #ffffff !important;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: unset !important;
  overflow-y: scroll !important;
  padding-top: 130px;
}

@media (min-width: 320px) and (max-width: 992px) {
  .doc-sidebar--left {
    width: 285px;
    z-index: 999;
    left: -100%;
    transition: all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    visibility: hidden;
  }
}

.doc-sidebar--left::-webkit-scrollbar {
  width: 10px;
}

.doc-sidebar--left::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.doc-sidebar--left::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

.doc-sidebar--left::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (min-width: 320px) and (max-width: 992px) {
  .doc-sidebar--left.collapse.show {
    left: 0%;
    visibility: visible;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .doc-sidebar--left.collapsing {
    transition: height 0s, left 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    height: 100%;
    visibility: visible;
  }
}

.sidebar-brand-block {
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.sidebar-brand-block a {
  width: 50px;
}

@media (min-width: 992px) {
  .sidebar-brand-block a {
    width: 85px;
  }
}

.sidebar-menu-group .menu-title {
  font-weight: 700;
  line-height: 1.2;
  color: #93979e;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-size: 12px;
}
.navbar-toggler:focus {
box-shadow: none;
}
.sidebar-menu {
  padding-left: 0px !important;
}

.sidebar-menu li {
  list-style: none;
  display: block;
}

.sidebar-menu li a,.navbar-nav li a {
  color: #555a64;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  padding: 15px 10px;
  display: block;
  transition: all .2s ease-in-out;
}

.sidebar-menu li a:hover {
  text-decoration: none;
  color: #4b64ec;
}

.sidebar-menu li:not(:hover) {
  opacity: 1;
}

/*----- Layout / Topbar ----*/
.doc-topbar {
  background: #2c3038;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 800;
}

.doc-topbar .buy-button {
  display: none;
}

@media (min-width: 480px) {
  .doc-topbar .buy-button {
    display: block;
  }
}

.doc-topbar .mobile-toggle-btn {
  display: block;
  margin-top: 8px;
}

@media (min-width: 992px) {
  .doc-topbar .mobile-toggle-btn {
    display: none;
  }
}

.doc-topbar .navbar {
  z-index: 800;
}