   .d-flexd-flex {
       font-family: 'Microsoft YaHei', Arial, sans-serif;

       overflow: hidden;
   }




   body {
       /* overflow: hidden; */
   }

   .toc-item,
   .toc-subitem,
   .toc-subsubitem,
   .toc-subsubsubitem {
       cursor: pointer;
       transition: all 0.2s;
   }



   .toc-subitem,
   .toc-subsubitem {
       padding-left: 1.5rem !important;

   }

   .toc-subsubitem {
       font-size: 1rem;

   }

   .toc-subsubsubitem {
       padding-left: 1.5rem !important;
       font-size: 1rem;
   }

   .fs-6 {
       font-size: 1rem !important;
   }

   .fs-5 {
       font-size: 1rem !important;
   }

   .toc-item.active,
   .toc-subitem.active,
   .toc-subsubitem.active,
   .toc-subsubsubitem.active {
       background-color: #fff;


   }

   .toc-sublist,
   .toc-sub-sublist,
   .toc-sub-sub-sublist {
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.3s ease-out;
   }

   .toc-item.expanded>.toc-sublist,
   .toc-subitem.expanded>.toc-sub-sublist,
   .toc-subsubitem.expanded>.toc-sub-sub-sublist {
       max-height: 2000px;
   }

   .toggle {
       cursor: pointer;
       width: 20px;
       text-align: center;
       display: inline-block;
       user-select: none;
       transition: transform 0.2s;
   }

   .toc-item.expanded>.toggle,
   .toc-subitem.expanded>.toggle,
   .toc-subsubitem.expanded>.toggle {
       transform: rotate(0deg);
   }

   .toc-item:not(.expanded)>.toggle,
   .toc-subitem:not(.expanded)>.toggle,
   .toc-subsubitem:not(.expanded)>.toggle {
       transform: rotate(-90deg);
   }

   .toggle i {
       transition: transform 0.3s cubic-bezier(.4, 2, .6, 1);
       display: inline-block;
   }


   .toc-item.expanded>div .toggle i,
   .toc-subitem.expanded>div .toggle i,
   .toc-subsubitem.expanded>div .toggle i {
       transform: rotate(0deg);

   }

   .toc-item:not(.expanded)>div .toggle i,
   .toc-subitem:not(.expanded)>div .toggle i,
   .toc-subsubitem:not(.expanded)>div .toggle i {
       transform: rotate(-180deg);

   }

   .content {
       height: 100vh;
       overflow-y: auto;
       padding: 1rem;
   }





   mark {
       background-color: #ffc107;
       color: #000;
       padding: 0 2px;
   }

   .current-highlight {
       background-color: #fd7e14 !important;
       color: white !important;
       font-weight: bold;
   }


   .content {
       height: 100%;
       overflow-y: auto;
       padding: 2.5rem 3rem 2rem 3rem;
       line-height: 1.8;
       color: #222;
   }

   .sidebar {
       height: 100%;
       overflow-y: auto;
       transition: transform 0.3s ease;
   }

   .content-section {
       margin-bottom: .6rem;
       padding-bottom: 0rem;
       /* border-bottom: 1px solid #e5e7eb; */
   }

   .content-section:last-child {
       border-bottom: none;
   }


   .content-section h1 {
       font-size: 2rem;
       font-weight: bold;
       color: #7A126B;

   }

   .content-section h2 {
       font-size: 1.5rem;
       font-weight: 600;
       color: #7A126B;

   }

   .content-section h3,
   .content-section h4,
   .content-section h5 {
       font-size: 1.15rem;
       font-weight: bold;
       color: #333;

       background: none;
   }


   .content-section p,
   .content-section ul,
   .content-section ol {
       /* margin-bottom: 1.2em; */
   }

   .content-section ul,
   .content-section ol {
       margin-left: 2em;
   }

   .content-section ul li,
   .content-section ol li {
       margin-bottom: 0.5em;
       padding-left: 0.2em;
       text-indent: 0;
   }

   .content-section ol {
       list-style-type: decimal;
   }

   .content-section ol.sub-steps {
       list-style-type: lower-alpha;
   }




   .content-section .ui-label.danger {
       background: #ffebee;
       color: #e53935;
   }


   .content-section mark,
   mark {
       background-color: #ffe082;
       color: #000;
       padding: 0 2px;
       border-radius: 2px;
   }

   .current-highlight {
       background-color: #1976d2 !important;
       color: #fff !important;
       font-weight: bold;
       border-radius: 2px;
   }

   .list-group-item.active {
       z-index: 2;
       color: black;
       border-color: var(--bs-border-color);
       /* border-left: 3px solid #2f3f82; */

   }

   .navbar-brand {
       font-weight: bold;
       font-size: 1.5rem;
   }

   .nav-item .nav-link.active {
       font-weight: bold;
   }

   .header-container {
       width: 100%;
   }

   .displ-ct {
       overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: space-between;
   }


   .navbar-brand {
       margin-left: 1rem;

   }

   .navbar-toggler {

       border: none;
       background-color: transparent;
   }

   .navbar-toggler:focus {
       box-shadow: none;
   }

   .navbar-expand-lg {
       display: block;
   }

   .ldfm-header-bar-container {
       display: flex;
       justify-content: space-around;
       border-bottom: 2px solid #7A126B;
       background: #fff;
   }

   .ldfm-header-bar {
       width: 100%;
       padding: 0rem;
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       padding-bottom: 5px;

   }

   .ldfm-header-title {
       padding: 1rem;
       color: #7A126B;
       font-size: 1.25rem;
       letter-spacing: 0.02em;
       margin-bottom: 0.5rem;
       padding-left: 1.5rem;
   }

   .ldfm-header-actions {
       display: flex;
       flex-direction: row;
       align-items: center;
       gap: 1.2rem;
       width: 100%;
       justify-content: flex-end;
   }

   .ldfm-header-actions .btn-link {
       color: #1976d2;
       text-decoration: none;
       transition: color 0.2s;
       font-size: 1.3rem !important;
       margin-bottom: 0 !important;
   }

   .ldfm-header-actions .btn-link:hover {
       color: #0d47a1;
   }

   #contentArea {
       position: relative;
   }

   .search-box {
       z-index: 10;
       right: 0;
       top: 0;
       max-width: 350px;
       min-width: 220px;
   }

   .sticky-top {
       position: fixed !important;
   }

   .back-to-top-btn {
       position: fixed;
       right: 2rem;
       bottom: 2.5rem;
       z-index: 1050;
       background: #fff;
       border-radius: 50%;
       box-shadow: 0 2px 8px rgba(44, 62, 80, 0.12);
       cursor: pointer;
       width: 48px;
       height: 48px;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #1976d2;
       font-size: 2.2rem;
       transition: opacity 0.2s;
       opacity: 0.85;
   }

   .back-to-top-btn:hover {
       color: #0d47a1;
       opacity: 1;
   }

   .content-section img {
       max-width: 100%;
       height: auto;
       display: block;
       margin: 12px 0;
   }

   .displaynone {
       display: none;
   }

   @media (max-width: 767.98px) {
       .p-3 {
           padding: .8rem !important;
       }

       /* .ldfm-header-bar { 
        padding: .2rem 1rem .7rem 1rem;
           
    } */
       .supported ul li {
           text-align: center;
       }

       .navbar-brand {
           font-weight: bold;
           font-size: .65rem;
       }

       .tab-content {
           margin-left: 0;
           margin-right: 0;
       }

       .row {
           flex-direction: column;
       }

       form .row {
           flex-direction: row;
       }

       .tab-content::before {
           display: none;
       }

       .list-group-item::after {
           display: none;
       }

       .tabbored {

           border-left: none;

       }


       #list-tab {
           display: flex;
           flex-direction: row;
           overflow-x: auto;
           white-space: nowrap;
           width: 100%;
           padding: 0 10px 10px 10px;
           border-bottom: 2px solid #9b9b9b;
           background: #fff;
           margin-bottom: 1rem;
           scrollbar-width: none;
           border-radius: unset;
           /* Firefox */
       }

       #list-tab::-webkit-scrollbar {
           display: none;
           /* Chrome/Safari */
       }

       #list-tab .list-group-item {
           display: inline-block;
           width: auto;
           min-width: 0;
           max-width: none;
           text-align: center;
           margin: 7px 8px 7px 0;
           font-size: 0.8rem !important;
           padding: 10px 16px;
           white-space: nowrap;
           flex: 0 0 auto;
       }

       .list-group-item:last-child {
           border-bottom-right-radius: unset;
           border-bottom-left-radius: unset;
       }

       #list-tab .list-group-item.active {
           border-bottom: 2px solid #2a3e85;
       }

       .col-md-3 {
           width: 100%;
           padding: 0;
       }

       .col-md-9 {
           width: 100%;
           padding: 0;
       }




       .flot {

           min-height: 10rem;
       }

       .fs-1 {
           font-size: 1.2rem !important;
       }

       .flotleft {
           position: absolute;
           top: 8%;
           left: 5%;
       }

       .pfz {
           font-size: 0.65rem !important;
       }

       .col-md-3 p {
           width: 42%;
       }

       .bg-container .mt-5 {
           margin-top: 0rem !important;
       }

       .content {
           padding: 1.2rem 0.7rem 1rem 0.7rem;
       }

       .back-to-top-btn {
           display: none !important;
       }

       .sticky-top {
           position: sticky !important;
       }

       .search-box {
           max-width: 100%;
           min-width: 0;
           left: 0;
           right: 0;
           top: 0;
           padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
       }

       .navbar .ms-4 {
           margin-left: 0rem !important;
       }

       .btn-group-sm>.btn,
       .btn-sm {
           --bs-btn-padding-y: 0rem;
           --bs-btn-padding-x: 0rem;

       }

       .displaynone {
           display: block !important;
       }

       .btn-close-sidebar {
           position: absolute;
           top: 5px;
           right: 0px;
           z-index: 1101;
           background: none;
           border: none;
           color: #333;
           box-shadow: none;
           padding: 0.2rem 0.4rem;
       }

       .btn-close-sidebar:active,
       .btn-close-sidebar:focus {
           outline: none;
           box-shadow: none;
       }

       .sidebar {
           position: fixed;
           top: 0;
           left: 0;
           width: 80%;
           height: 100vh;
           z-index: 1000;
           box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
           background: #fff;
           overflow-y: auto;
           transition: transform 0.3s ease;
       }

       .sidebar.collapsed {
           transform: translateX(-100%);
       }


       .content {
           width: 100%;
           padding: 1rem 0.3rem 1rem 0.3rem;
       }

       .ldfm-header-actions {
           padding-top: .5rem;
           border-top: 2px solid #c0c0c0;
           justify-content: space-between;
           padding-left: .6rem;
           padding-right: .75rem;
       }

       .justify-content-sm-between {
           justify-content: space-between !important;
       }

       .me-5 {
           margin-right: 1rem !important;
       }

       .fs-3 {
           font-size: 1.1rem !important;
       }

       .fs-5 {
           font-size: 1.125rem !important;
       }

       .fs-6 {
           font-size: 1rem !important;
       }


       .d-md-none {
           margin: 5px;
           margin-left: 1rem;
       }

       .container-no-padding {
           padding: 0 !important;

       }

   }

   .scroll-to-top-btn {
       position: fixed;
       right: 2rem;
       bottom: 2.5rem;
       z-index: 1050;
       background: none;
       border: none;
       border-radius: 50%;
       width: 48px;
       height: 48px;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #7A126B;
       font-size: 2.2rem;
       box-shadow: none;
       cursor: pointer;
       opacity: 0;
       pointer-events: none;
       transition: opacity 0.3s;
   }

   .scroll-to-top-btn.show {
       opacity: 1;
       pointer-events: auto;
   }

   .scroll-to-top-btn i {
       animation: arrowUpMove 1s infinite alternate;
       font-size: 2.2rem;
   }

   @keyframes arrowUpMove {
       0% {
           transform: translateY(0);
       }

       100% {
           transform: translateY(-10px);
       }
   }

   .contaiber-heigh {
       height: calc(100vh - 35vh);

   }

   .content-body {
       width: 85%;
       margin: auto;
   }

   #LDFMdeployment,
   #LDFMkey {
       margin-top: 2rem;
       border-top: 1px solid #c0c0c0;
   }

   #LDFMdeployment .fs-2,
   #LDFMkey .fs-2 {
       margin-top: 2rem;

   }

   .search-donload-container {
       display: flex;
       align-items: baseline;
   }

   .form-control {
       margin-right: 1rem !important;
   }

   @media (max-width: 767.98px) {
       .fs-2 {
           font-size: 1.125rem !important;
       }

       .form-control {
           margin-right: 1rem;
       }

       .scroll-to-top-btn {
           width: 36px;
           height: 36px;
           font-size: 1.3rem;
           right: 1rem;
           bottom: 1.2rem;
       }

       .scroll-to-top-btn i {
           font-size: 1.3rem;
       }

       .contaiber-heigh {
           height: calc(100vh - 40vh);
       }

       .content-body {
           width: 100%;
           margin: auto;
       }

       .toc-subsubsubitem {
           padding-left: .75rem !important;

       }

       .toc-subsubitem {
           font-size: .75rem;
       }

       .fs-6 {
           font-size: .75rem !important;
       }

       .fs-5 {
           font-size: .75rem !important;
       }

       .toc-subsubsubitem {
           font-size: .75rem;
       }
   }



   .rounded-0 .list-group-item {
       padding-left: 2rem;
   }

   .rounded-0 .list-group-item {
       padding: 3px;
       padding-left: 2rem;
       border: none;
       padding-right: 0;
   }

   .list-group-item.active {
       font-weight: normal !important
   }

   .list-group-item.active {

       color: #ffffff !important;

   }

   @media (max-width: 767.98px) {
       .sidebar-backdrop {
           display: none;
           position: fixed;
           z-index: 999;
           top: 0;
           left: 0;
           width: 100vw;
           height: 100vh;
           background: rgba(44, 62, 80, 0.35);
           transition: opacity 0.3s;
       }

       .sidebar.open+.sidebar-backdrop {
           display: block;
       }
   }


   .h1,
   .h2,
   .h3,
   .h4,
   .h5,
   .h6,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       color: #ffffff;
   }