/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 08.01.2019, 18:09:18
    Author     : taras
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 21.06.2019, 15:27:47
    Author     : taras
*/
.docs {
  width: 100%;
  max-width: 1366px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px;
  margin-bottom: 30px; }
  .docs .btn-prev {
    margin: 15px 0; }
  .docs .widget-text {
    margin-bottom: 30px;
    padding-top: 30px; }
  .docs .doc-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .docs .doc-area .empty {
      width: 100%; }
  .docs .doc-sidebar {
    max-width: 200px;
    width: 100%; }
    .docs .doc-sidebar .doc-nav {
      z-index: 2;
      max-width: 200px; }
  .docs .doc-content {
    max-width: -webkit-calc(100% - 200px);
    max-width: calc(100% - 200px);
    width: 100%;
    padding: 0; }
    .docs .doc-content .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 2px;
      padding-bottom: 10px;
      border-top: 1px solid #e3e3e3;
      border-bottom: 1px solid #e3e3e3; }
      .docs .doc-content .item:first-of-type {
        border-top: none; }
      .docs .doc-content .item:last-of-type {
        border-bottom: none; }
      .docs .doc-content .item:not(.item-child) .body {
        border-top: 1px solid #e3e3e3; }
        .docs .doc-content .item:not(.item-child) .body:first-of-type {
          border-top: none; }
      .docs .doc-content .item:not(.item-child) .code {
        border-top: 1px solid #fff; }
      .docs .doc-content .item .body {
        max-width: -webkit-calc(100% - 400px);
        max-width: calc(100% - 400px);
        padding: 0 15px; }
        .docs .doc-content .item .body h1, .docs .doc-content .item .body h2 {
          margin-top: 40px;
          margin-bottom: 20px;
          font-weight: 500;
          word-break: break-word; }
        .docs .doc-content .item .body h2 {
          font-size: 24px; }
        .docs .doc-content .item .body h3 {
          font-size: 22px;
          margin-top: 15px;
          margin-bottom: 15px;
          font-weight: 400; }
        .docs .doc-content .item .body h4 {
          font-size: 20px;
          margin-top: 10px;
          margin-bottom: 10px;
          font-weight: 400; }
        .docs .doc-content .item .body p, .docs .doc-content .item .body a {
          font-size: 18px;
          font-weight: 400;
          line-height: 31px;
          margin-bottom: 10px; }
          .docs .doc-content .item .body p span, .docs .doc-content .item .body a span {
            font-size: 18px;
            font-weight: 400;
            line-height: 31px;
            white-space: pre; }
        .docs .doc-content .item .body a {
          color: #2847b6;
          border-bottom: 1px dotted #2847b6;
          word-break: break-word; }
          .docs .doc-content .item .body a.copyright {
            font-size: 10px;
            color: #2B2A29;
            border-bottom: none;
            width: 100%;
            display: inline-block;
            text-align: right;
            text-decoration: none; }
        .docs .doc-content .item .body .twitter-tweet {
          margin: 10px auto; }
        .docs .doc-content .item .body strong {
          font-weight: 500; }
        .docs .doc-content .item .body b {
          font-weight: bold; }
        .docs .doc-content .item .body ul {
          margin: 20px 0;
          padding-left: 20px; }
          .docs .doc-content .item .body ul li {
            position: relative;
            font-size: 18px;
            font-weight: 400;
            line-height: 31px; }
            .docs .doc-content .item .body ul li:before {
              content: '';
              position: absolute;
              top: 13px;
              left: -14px;
              width: 5px;
              height: 5px;
              line-height: 130%;
              background-color: #2847B6;
              padding: 0;
              text-align: center;
              border-radius: 100%; }
        .docs .doc-content .item .body ol {
          list-style: decimal;
          margin: 20px 0;
          padding-left: 20px; }
          .docs .doc-content .item .body ol li {
            position: relative;
            font-size: 18px;
            font-weight: 400;
            line-height: 31px; }
        .docs .doc-content .item .body pre {
          padding: 1em;
          border: 1px solid #ddd;
          border-radius: 3px;
          background: #f8f8f8;
          font-size: 90%;
          text-align: left; }
        .docs .doc-content .item .body blockquote {
          position: relative;
          padding-left: 50px;
          max-width: 70%;
          text-align: justify;
          margin: 20px auto;
          font-size: 18px;
          font-weight: 400; }
          .docs .doc-content .item .body blockquote:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 25px;
            background-color: #2847B6;
            padding: 0;
            background: url(/img/quoter.png);
            background-repeat: no-repeat;
            background-size: cover; }
      .docs .doc-content .item .code {
        max-width: 400px; }
        .docs .doc-content .item .code pre {
          padding: 0;
          margin: 0;
          border-radius: 0;
          border: none;
          background: none; }
          .docs .doc-content .item .code pre code {
            padding: 30px; }
    .docs .doc-content .item-child .code {
      padding-top: 40px; }
    .docs .doc-content .item-child .body h2 {
      line-height: 40px; }
      .docs .doc-content .item-child .body h2:after {
        content: '';
        display: block;
        height: 1px;
        width: 100%;
        background-color: #e3e3e3; }
    .docs .doc-content .title {
      padding: 0 15px; }

@media only screen and (max-width: 991px) {
  .docs {
    display: block; }
    .docs .doc-area {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .docs .doc-sidebar {
      max-width: 100%; }
      .docs .doc-sidebar .doc-nav {
        max-width: 100%; }
    .docs .doc-content {
      max-width: 100%;
      border-left: none; }
      .docs .doc-content .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0; }
        .docs .doc-content .item .body {
          max-width: 100%;
          margin-bottom: 30px; }
        .docs .doc-content .item .code {
          max-width: 100%; }
      .docs .doc-content .item-child .code {
        padding-top: 0; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 21.06.2019, 14:15:23
    Author     : taras
*/
#doc-nav .doc-menu {
  border-top: 1px solid #e3e3e3; }
  #doc-nav .doc-menu ul .nav-link {
    padding: 0; }
    #doc-nav .doc-menu ul .nav-link a {
      margin-bottom: 5px;
      display: block;
      padding: 15px;
      color: #616670; }
      #doc-nav .doc-menu ul .nav-link a.active {
        color: #0056de;
        background-color: rgba(22, 195, 244, 0.1);
        font-weight: 500; }
  #doc-nav .doc-menu .search-area {
    padding: 0 20px;
    padding-bottom: 20px;
    position: relative; }
    #doc-nav .doc-menu .search-area input {
      border-radius: 15px;
      height: 60px;
      width: 100%;
      border: 1px solid #ccc;
      padding-left: 40px; }
    #doc-nav .doc-menu .search-area i:before {
      content: '';
      background: url(/img/icons/search.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      top: 20px;
      left: 33px;
      width: 20px;
      height: 20px;
      display: block;
      position: absolute; }

#doc-nav .doc-sub-menu {
  padding-left: 10px; }

@media only screen and (max-width: 991px) {
  #doc-nav {
    position: relative;
    width: 100%;
    top: auto !important; } }