body.documentation{background-color: #242e34;color: white;}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page::before {display: none ;}
body.documentation #layout-navbar{background: #384248 !important;
  border: 1px solid #646464 !important;box-shadow: none;}

.border-btn{background-color: transparent;border: 1px solid #646464;border-radius: 5px;color: white;}
.doc-btn{background-color: #0b141b;border-radius: 5px;color: white;}

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

.doc-heading{border-bottom: 1px dashed #646464;}
.light-style .menu .app-brand.demo{margin: 0;}


.bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle, .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover, html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover{background: #384248;}


.menu-header.menu-head{display: block; width: 100%; padding: 10px;text-transform: uppercase;font-weight: 600;  color: white;padding-left: 28px; padding-bottom: 5px;}
.menu-vertical .menu-item .menu-link{padding: 0.3rem .8rem;border-radius: 4px !important;}
.menu-vertical .menu-sub .menu-link {padding-left: 2.875rem;}

.menu-vertical .menu-item .menu-link{font-size: .8375rem;}
.menu-vertical .menu-sub .menu-link{padding-left: 1.875rem;}
.bg-menu-theme.menu-vertical .menu-sub > .menu-item > .menu-link::before {left: 0.35rem;}

.get,
.post,
.put,
.delete{background: #0c791b;border-radius: 30px; padding: 2px ;font-size: 10px;font-weight: 600;margin-left: auto;width: 50px;text-align: center;height: fit-content;
  line-height: 16px;}
.post{background: #0171c2;}
.put{background: #674ead;}
.delete{background: #af0000;}


.doc-table{border: 1px solid #646464 !important;}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.doc-table thead > tr,
.doc-table tbody > tr:nth-child(even){background-color: #303b42;}



.code-content{background-color: #303b42 !important;}
.code-wrap{background-color: black;border-radius: 10px;border: 1px solid #646464 !important;overflow: hidden;} 
.code-wrap .nav-pills .nav-link{color: rgb(112, 124, 140);}
.code-wrap .nav-pills .nav-link.active, 
.code-wrap .nav-pills .nav-link.active:focus, 
.code-wrap .nav-pills .nav-link.active:hover{background-color: transparent;box-shadow: none;color: #26d367 !important;} 
.code-wrap .code-content .tab-pane pre{margin: 0;padding: 30px 30px 40px 30px;height: 350px;overflow: auto;scrollbar-color: #26d367 rgb(15, 15, 15);}
.services-new{background: rgb(7, 7, 7);background: linear-gradient(138.18deg,#023509,#000 94.44%);}
.services-box {
  padding: 30px;
  background-color: black;
  margin-bottom: 30px;
  border-radius: 10px;
 border: 1px solid white; 
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(10px);
  background-color: #0000005e;
}


.table-of-Contents{background: #384248; padding: 20px;  border-radius: 5px;  position: sticky;top: 90px;}
ul.table-of-Contents-list{margin: 0;padding-left: 15px;}
ul.table-of-Contents-list > li > ul{padding-left: 15px;}
/* ul.table-of-Contents-list li{list-style-type: none;} */
ul.table-of-Contents-list li a{margin-bottom: 5px; display: block;color: white;font-size: 14px;}
ul.table-of-Contents-list li a:hover{color: #26d367;}

.post-style-2{padding: 2px 8px;background-color: #303b42;width: fit-content;border-radius: 3px;font-size: 14px;}
.box-light{padding: 2px 8px;background-color: #303b42;width: fit-content;border-radius: 3px;font-size: 14px;}


.scroll-margin{scroll-margin-top: 100px;}

.status-code {display: flex;align-items: center;gap: 10px;}
.i-cir.s200{height: 10px;width: 10px;border-radius: 50%;background-color: #26d367;}
.response-wrap {padding: 20px;border-radius: 10px;border: 1px solid #384248;}


@media (max-width:991px) {
  .d-991-show{display: none;}
}