html {
  font-size: 100%; }

body {
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #313131;
  line-height: 28px;
  text-align: center;
  overflow-x: hidden !important;
  margin: auto !important; }

a {
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s; }

a:hover {
  text-decoration: none; }

a:focus {
  outline: none;
  text-decoration: none; }

.btn:focus,
.btn:active {
  outline: inherit; }

ul,
ol {
  padding-left: 0 !important; }

li {
  list-style: none; }

/* Selection */
::selection {
  color: #fff;
  background-color: #7366ff; }

h1,
h2 {
  font-family: "roboto", sans-serif;
  font-weight: 200; }

h1 {
  font-size: 3.75rem;
  line-height: 4.688rem; }

h2 {
  font-size: 3.125rem;
  line-height: 4.063rem; }

h3 {
  font-size: 24px;
  line-height: 38px;
  font-weight: 300; }

h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300; }

h5 {
  font-size: 18px;
  font-weight: 300; }

a {
  color: #333333; }

a:focus,
a:hover {
  color: #000; }

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

pre {
  background-color: #ffffff;
  border: 1px solid #eeeeee; }

img {
  max-width: 100%; }

.h-100 {
  height: 100%; }

.m-b30 {
  margin-bottom: 30px; }

.m-b50 {
  margin-bottom: 50px; }

.demo-row {
  display: flex; }

.demo-img {
  border-radius: 4px;
  border: 1px solid #eee; }

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.section-header {
  padding-bottom: 22px; }
  .section-header h2 {
    margin-bottom: 20px;
    color: #212d46;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    font-family: rubik; }

.wrapper {
  display: flex;
  align-items: stretch; }

.app-brief .left-align {
  text-align: left;
  margin-bottom: 50px; }
  .app-brief .left-align p {
    display: block;
    float: none;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #646975;
    margin: 0;
    padding: 20px 0; }

#nevbarleft {
  background: #ffffff none repeat scroll 0 0;
  color: #ffffff;
  max-width: 250px;
  min-width: 250px;
  position: relative;
  transition: all 0.3s ease 0s;
  z-index: 9999;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
  #nevbarleft .side-nav {
    position: sticky;
    top: 0; }
  #nevbarleft .sidebar-header {
    padding: 20px;
    background: #7366ff; }
    #nevbarleft .sidebar-header h2 {
      margin: 0;
      display: flex;
      align-items: center; }
    #nevbarleft .sidebar-header .small-logo {
      max-width: 50px;
      width: 50px;
      margin-right: 10px; }
    #nevbarleft .sidebar-header .logo-tabib {
      max-width: 100px; }
  #nevbarleft .nav-bar {
    display: block;
    height: 100vh;
    position: relative; }
    #nevbarleft .nav-bar .content-scroll {
      height: 100%;
      position: absolute; }
      #nevbarleft .nav-bar .content-scroll.components {
        padding: 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        text-align: left; }

#nevbarleft ul li {
  display: block;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }
  #nevbarleft ul li a {
    padding: 10px;
    font-size: 15px;
    display: block;
    color: #7f7184;
    font-weight: 400;
    padding: 10px 15px; }
#nevbarleft ul li a:focus,
#nevbarleft ul li a:hover,
#nevbarleft ul li.active a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #7366ff;
  border-radius: 5px; }

#nevbarleft ul li > a.active,
#nevbarleft a[aria-expanded="true"] {
  color: #fff;
  background: #f14a66; }

/* ---------------------------------------------------
    CONTENT
----------------------------------------------------- */
.container {
  padding-right: 30px;
  padding-left: 30px; }

.app-brief {
  background: #f5f2f0;
  margin-bottom: 30px;
  padding-top: 60px;
  padding-bottom: 60px; }

.header-documentation {
  height: 100vh;
  background: #f5f2f0;
  padding: 0;
  display: flex;
  align-items: center; }
  .header-documentation .information {
    text-align: center; }
    .header-documentation .information .banner-title {
      font-size: 46px;
      font-weight: 700;
      color: #212d46;
      line-height: 1.3;
      margin-bottom: 20px;
      font-family: "Poppins", sans-serif;
      text-align: center; }
    .header-documentation .information .description,
    .header-documentation .information .message {
      color: #646975;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      line-height: 26px;
      font-weight: 400; }
    .header-documentation .information ul {
      display: flex;
      justify-content: center;
      margin-bottom: 0; }
      .header-documentation .information ul li {
        margin-left: 15px;
        margin-right: 15px;
        color: #646975;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        line-height: 26px;
        font-weight: 400; }

.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none; }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent; }

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0; }

.jstree-node {
  white-space: nowrap; }

#content {
  min-height: 100vh;
  transition: all 0.3s;
  width: 100%; }

/* ---------------------------------------------------
Folder Directories
----------------------------------------------------- */
/* ---------------------------------------------------
Theme Features
----------------------------------------------------- */
.color-list {
  display: flex;
  flex-flow: wrap; }
  .color-list li {
    position: relative;
    width: 90px;
    margin-right: 10px;
    margin-bottom: 10px; }
    .color-list li .overlay-text {
      height: 90px;
      line-height: 90px;
      width: 90px;
      border-radius: 4px;
      text-align: center;
      color: #fff; }

.nav-pills {
  margin-bottom: 15px; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #7366ff; }

.nav-pills > li a {
  background-color: #ffffff;
  color: #000000; }

.color-light {
  background: #ffffff;
  background-image: url(../../images/pattern_color.png);
  color: #000000; }

.color-1 {
  background: #7366ff; }

.color-2 {
  background: #1a202e; }

.color-3 {
  background: #6610f2; }

.color-4 {
  background: #36c95f; }

.color-5 {
  background: #4d06a5; }

.color-6 {
  background: #fd7e14; }

.color-7 {
  background: #ffc107; }

.color-8 {
  background: #20c997; }

.color-9 {
  background: #17a2b8; }

.color-10 {
  background: #5bcfc5; }

.color-11 {
  background: #343a40; }

.color-12 {
  background: #2a2a2a; }

.color-13 {
  background: #4885ed; }

/* ---------------------------------------------------
Sources and Credits
----------------------------------------------------- */
.list-files {
  border: 1px solid #f3f3f3;
  font-weight: 400; }
  .list-files li {
    padding: 0 20px; }
    .list-files li:nth-child(2n + 1) {
      background: #ffffff none repeat scroll 0 0;
      border-radius: 5px; }

/* ---------------------------------------------------
Sources and Credits
----------------------------------------------------- */
#version_history ul li {
  font-size: 20px;
  list-style: inside none circle; }

/* ---------------------------------------------------
Our Products

----------------------------------------------------- */
.product-port-bx {
  background: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 8, 115, 0.2);
  border-radius: 6px;
  overflow: hidden; }
  .product-port-bx .product-info {
    padding: 15px 25px; }
  .product-port-bx .title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700; }
    .product-port-bx .title a {
      color: #111; }

/* ---------------------------------------------------
HTML Structure
----------------------------------------------------- */
/* ---------------------------------------------------
Our Product
----------------------------------------------------- */
.other-theme img {
  width: 100%; }
.other-theme h4 {
  font-weight: 500; }

/* ---------------------------------------------------
footer
----------------------------------------------------- */
.footer {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e4e7ea; }
  .footer .copyright {
    color: gray;
    margin-bottom: 0px; }

/* ---------------------------------------------------
Media Query
----------------------------------------------------- */
@media (max-width: 1024px) {
  body {
    font-size: 15px;
    line-height: 26px; }

  .app-brief .left-align {
    text-align: center; } }
@media (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 90%; } }
@media (max-width: 767px) {
  html {
    font-size: 80%; }

  body {
    font-size: 15px;
    line-height: 26px; } }
@media (max-width: 480px) {
  html {
    font-size: 65%; } }
@media (max-width: 320px) {
  html {
    font-size: 60.5%; } }
@media (max-width: 1400px) {
  .container {
    width: 100%; } }
@media (max-width: 991px) {
  #nevbarleft .navbar-nav {
    margin: 0; }

  .app-brief {
    margin-top: 60px; }

  .container {
    padding-right: 15px;
    padding-left: 15px; } }

/*# sourceMappingURL=mainstyle.css.map */