/*  =================================================
    Shopaccino Docs
    ================================================= */
    .docs-article-layout, .docs-article-layout p {line-height: 1.6}
    .docs-article-layout p { color: inherit;}
    a {text-decoration: none;}
     
    .breadcrumb-hold {border-bottom:solid 1px #e4e8ee; font-size: 13px;}
    .breadcrumb-hold a {color: #000;}

    .shopaccino-doc-intro h1,
    .shopaccino-doc-intro h2,
    .shopaccino-doc-intro h3,
    .shopaccino-doc-intro h4 {
        margin-bottom: 0.6em;
    }
    .shopaccino-doc-intro h1 {font-size: 30px;}
    .shopaccino-doc-intro h2 {font-size: 26px;}
    .shopaccino-doc-intro h3 {font-size: 22px;}
    .shopaccino-doc-intro h4 {font-size: 19px;}

@media (max-width: 992px) {
    .bd-navbar-toggle {
        top: 63px;
        background-color: #f8f8f8;
        padding: 0.5em;
    }
}

@media (min-width: 992px) {
  .article-right-collapse {
    display: block !important;
  }
}
.docs-article-layout strong { font-weight: 600;}

@media (min-width: 992px) {
    .docs-article-layout {
        display: grid;
        grid-template-areas: "sidebar main";
        grid-template-columns: 1fr 5fr;
        gap: 1.5rem;
    }
}

.doc-main-panel {grid-area: main;padding-top: 1.5em; }
@media (max-width: 991.98px) {
    .doc-main-panel {
        max-width: 760px;
        margin-inline: auto;
    }
}
@media (min-width: 768px) {
    .doc-main-panel {
        display: grid;
        grid-template-areas: "intro" "toc" "content";
        grid-template-rows: auto auto 1fr;
        gap: inherit;
    }
}
@media (min-width: 992px) {
    .doc-main-panel {
        grid-template-areas: "intro   toc" "content toc";
        grid-template-rows: auto 1fr;
        grid-template-columns: 4fr 1fr;
        padding-top: 2.5em; 
        padding-left: 2em;
    }
}

.docs-sidebar {grid-area: sidebar;}
@media (min-width: 992px) {
    .docs-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 2.6rem;
        display: block !important;
        height: calc(100vh - 6rem);
        padding-left: 0.25rem;
        margin-left: -0.25rem;
        overflow-y: auto;
        border-right:solid 1px #dee2e6;
    }
    .docs-sidebar {
        overflow: auto;
        scrollbar-color:#d9e1ef #ffffff;
        scrollbar-width:thin;
    }
    .docs-sidebar::-webkit-scrollbar {width: 5px;}
    .docs-sidebar::-webkit-scrollbar-track {background: rgba(0,0,0,.05);}
    .docs-sidebar::-webkit-scrollbar-thumb {background: #d9e1ef;}
}
@media (max-width: 991.98px) {
    .docs-sidebar .offcanvas-lg {
        border-right-color: var(--bs-border-color);
        box-shadow: var(--bs-box-shadow-lg);
    }
}
.shopaccino-doc-article nav ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative;
}
.shopaccino-doc-article nav ul:before {
    position: absolute;
    content:'';
    z-index: 0;
    left: -2px;
    top: 10px;
    height: 80%;
    width: 2px;
    border-left: solid 1px #e4e8ee;
}
.shopaccino-doc-article nav a {
    display: block;
    padding: 0.125rem 0 0.125rem 0.75rem;
    color: inherit;
    text-decoration: none;
    border-left: 0.125rem solid transparent;
    font-size: 13px !important;
    color: #4c4b58;
    margin:8px 0px;
    position:relative;
}
.shopaccino-doc-article nav a::before{
    content:'';
    background-color: #fff;
    position:absolute;
    top:7px;
    left:-9px;
    width:11px;
    height:11px;
    border-radius:50%;
    border:1px solid #acafc4;
}
.shopaccino-doc-article nav a.active::before{
    background-color:#116dff;
    border:2px solid #fff;
    box-shadow: 0px 0px 0px 1px #116dff;
}
.shopaccino-doc-article nav ul ul {padding-left: 1rem;}
.shopaccino-doc-article nav a:hover, .shopaccino-doc-article nav a.active {color: #116dff;}
.shopaccino-doc-article nav a.active {}

@media (min-width: 992px) {
  .shopaccino-doc-article {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    right: 0;
    z-index: 1;
    height: calc(100vh - 7rem);
    overflow-y: auto;
  }
}

.docs-links2 {padding-bottom: 1.5em;}
@media (min-width: 992px) {
    .docs-links2 {padding-top:2.5em;}
}
.docs-links2 nav .bd-links-group .bd-links-heading {
    font-weight: 500!important;
    color:#000;
    font-size:16px;
}
.docs-links2 nav .bd-links-group .bd-links-heading svg{
    color:var(--blue) !important;
}
.docs-links2 nav li .bd-links-link{
    padding: 0.1875rem 0.5rem;
    margin-top: 0.125rem;
    margin-left: 1.125rem;
    color: #4c4b58;
    text-decoration: none;
    font-size:14px;
}
.docs-links2 nav li .bd-links-link:hover, 
.docs-links2 nav li .bd-links-link:focus, 
.docs-links2 nav li .bd-links-link.active{
    color:#000;
    background-color:#d9e1ef;
}

.upload_file-table .table-heading .heading-cell{font-weight: 600;}

.shopaccino-doc-intro {grid-area:intro; padding-bottom: 2em;}
.shopaccino-doc-intro .panel { margin-bottom:2em}

.shopaccino-doc-intro ol, 
.shopaccino-doc-intro ul,
.sub-category ul {
    padding-left: 1rem;
}
.shopaccino-doc-intro ol li, .shopaccino-doc-intro ul li {}
.doc-articles ul li, .doc-articles ol li { margin-bottom:2px;}

.shopaccino-doc-intro figure {margin: 10px 0;}
.docs-img-screenshot {background-color:#f6f6f7; padding:8px; margin-bottom: 2em !important;}
.docs-img-screenshot figure img {border-radius: 4px;}

@media (min-width: 992px) {
    .shopaccino-doc-intro {padding-right: 3em;}
    .shopaccino-doc-article {min-width:200px;}
}

.shopaccino-doc-intro .note_box {
    padding: .2rem .5rem .2rem 1rem; 
    margin: 1rem .5rem 1rem 0rem; 
    background-color:aliceblue; 
    /*border-left: solid 2px #333333;*/
    line-height: 1.5;
    border-radius: 4px;
    font-size: 14px;
}
.shopaccino-doc-intro .note_box strong { font-weight: normal;}
.shopaccino-doc-intro .tips_box,
.shopaccino-doc-intro .notes_box
{
    padding:20px 6px;
}
.shopaccino-doc-intro .tips_box{
    background-color:#cff4fc;
    border-left:4px solid #9eeaf9;	
}
.shopaccino-doc-intro .notes_box {
    background-color:#fff3cd;
    border-left:4px solid #ffe69c;
}
.shopaccino-doc-intro .notes_box ul li {color:#664d03;font-size:15px;}
.shopaccino-doc-intro .tips_box ul li {color:#3d8391;font-size:15px;}
.shopaccino-doc-intro .tips_box ul li strong{
    color:#3d8391;
    font-weight:400;
}
.shopaccino-doc-intro .notes_box ul li strong{
    color:#664d03;
    font-weight:400;	
}
.shopaccino-doc-intro .notes_box ul li strong, 
.shopaccino-doc-intro .tips_box ul li strong{
    font-weight:600;
    font-size:16px;
}

.setup_to_upload h3{font-size:18px !important;font-weight:600;}
.setup_to_upload ol li{	/*margin-bottom:0.3rem;*/}
.table-description { background-color: #f8f9fa; border-color:#dee2e6; border-radius: 4px; overflow: hidden; margin: 1em 0;}
.table-description tr td:first-child {width: 160px; font-weight: 600;}