.dark {
    background-color: #1a1e21;
}

.dark .jab-user-nav li a {
    color: #ccc;
}

.dark .gsc-input {
    background-color: #121e2d;
    color: #fff;
}

.dark .jabedin-logo {
    filter: invert(0%) !important;
}

.dark .jab-bd-links-nav {
    padding: 0px;
    background-color: #22292f;
}

.dark .jab-bd-links-nav li a {
    color: #fafafa;
    font-weight: 500;
}

.dark .jab-bd-links-nav li:hover {
    background-color: #2c343b;
}


.dark .offcanvas {
    background-color: #22292f;
}

/*// dark Hmtm //*/

/*for docs.html dark addition*/
.dark {
    background-color: #232626;
}

.dark .bd-subnavbar {
    background-color: #22292f;
}


.dark .bd-layout {
    background-color: #1a1e21;
}

body.dark {
    background-color: #1a1e21;
    /*background-color: #18191a;*/
    color: #fff
}

.dark .bd-links .btn {
    color: #fff;
}

.dark .bd-links a {
    color: #fff;
}

.dark .highlight {
    background-color: #232626;
}

.dark .bd-toc nav a {
    color: #fff;
}

.dark .bd-toc {
    color: #fff !important;
}

.dark .bd-links .btn[aria-expanded="true"]::before {
    color: #fff !important;
}

.dark .bd-links .btn:hover, .dark .bd-links .btn:focus {
    background-color: #232626;
}

.dark .bd-links a:hover {
    background-color: #46565575;
}

.dark .dropdown-menu {
    background-color: #232626;
}

.dark .dropdown-item {
    color: #fff;
}

.dark .bd-footer {
    background-color: #22292f !important;
}

.dark .bd-footer a {
    color: #fff
}

.dark .btn-bd-light {
    color: #fff;
    border-color: #dee2e6;
}

.dark .btn-bd-light:hover {
    background-color: #232626;
}

.dark .btn-clipboard {
    background-color: #1a1e21;
    color: #fff;
}

.dark .card {
    background-color: #22292f;
}

/*end of docs.html dark addition*/

/*start of index.html dark addition*/
.dark .bd-masthead {
    background: #1a1e21;
}

.dark .highlight pre code {
    color: #fff;
}

.dark .bd-masthead .lead {
    color: #fff;
}

.dark .dark-clr {
    color: #fff;
}

.dark .chroma .language-sh::before {
    color: #fff;
}

.dark .foot-txt {
    color: #fff !important;
}

.dark .bd-links .btn::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(255, 255, 255, 0.7)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.dark .form-control {
    background-color: #22292f;
    color: #d6d6d6;
    border-color: #4f4c4c;
}

.dark .dropdown-item:focus, .dark .dropdown-item:hover {
    background-color: #3f4244;
}

.dark .list-group-item.active {
    background-color: #323942;
    border-color: #323942;
}

.dark .bd-search::after {
    color: #fff;
}

.dark .bd-search .form-control:focus {
    border-color: dimgray;
}


.dark ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fafafa;
}

.dark ::-moz-placeholder { /* Firefox 19+ */
    color: #fafafa;
}

.dark :-ms-input-placeholder { /* IE 10+ */
    color: #fafafa;
}

.dark :-moz-placeholder { /* Firefox 18- */
    color: #fafafa;
}

@media (max-width: 767px) {
    .dark .bd-links > ul {
        background-color: #22292f;
        border-bottom: 1px solid #232626;
    }
}

.dark .bd-subnavbar .dropdown-item.current {
    font-weight: 600;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath stroke='rgba(255, 255, 255, 0.7)' fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem top 0.6rem;
    background-size: .75rem .75rem;
}

.dark .text-dark {
    color: #fff !important;
}

.dark .list-group-item {
    background-color: #22292f;
    color: #fff;
}

.dark .list-group-item:hover {
    background-color: #333a3b;
    color: #fff;
}

.dark .bg-pf-dropdown {
    background: #22292f !important;;
}

.dark .pf-nav-link {
    color: #fff;
}

.dark .pf-nav-link:hover {
    color: #3f4244;
}

.dark .dark-gray-500 {
    background-color: #3f4244;
}

.dark .bg-gray-200 {
    background-color: #3f4244;
}

.dark .pf-sm-btn {
    color: #fff;
}

.dark .pf-btn-secondary {
    background-color: #4B4C4F;
    color: #fff;
}

.dark .pf-btn-secondary:hover {
    background-color: #656769;
}

.dark .bg-gray-100 {
    background-color: #050705;
}

.dark .poly-card {
    color: #fff;
    text-decoration: none;
    position: relative;
}

.dark .poly-card:hover {
    color: #f5f6f6;
    background-color: #222d33;
}

.dark .bd-masthead {
    padding: 3rem 0;
    background: linear-gradient(165deg, #222d33 50%, rgba(29, 27, 52, 0.76) 50%);
}


.dark .view-all {
    color: #fff;
    background-color: #222d33;
    box-shadow: 0 .125rem .25rem #1e1b1b !important;
    border: 1px solid #1e1b1b;
}

.dark .view-all:hover {
    border: 1px solid #332e2e;
    color: #f0f0f0;
}

.dark .year-list .list-group-item {
    background-color: transparent;
}

.dark .year-list .list-group-item:hover {
    background-color: rgba(105, 105, 105, 0.42);
}

.dark .year-list .list-group-item.active {
    background-color: #6c757d;
}

.dark table {
    color: #fff;
}

.dark .bg-gray-50 {
    background-color: #22292f;
}

.dark .mode-toggler-icon {
    color: #1a1e21;
}

.dark .jab-logo-dark-white img {
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}

.dark .dark-white {
    color: #fff !important;
}

.dark .card-sm-title {
    color: #fff;
}

.dark .card-text {
    color: #fff;
}

.dark .jab-user-nav li a {
    color: #ccc;
}

.dark .jab-user-nav li a:hover {
    color: #fff;
}


.dark .bd-links-link:hover, .dark .bd-links-link:focus, .dark .bd-links-link.active {
    background-color: #46565575;
}

.dark .bd-links-group .bd-links-heading::after {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.dark .offcanvas-dark {
    background-color: #22292f;
}

.dark .offcanvas-dark .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}


.dark .bar .gsc-control-cse {
    background-color: #22292f;
}

.dark .gsc-input-box {
    background-color: #22292f;
}

.dark .bar .gsc-input {
    background-color: transparent;
    color: #fff;
    caret-color: #fff;
}

.dark .gsc-completion-container {
    background-color: #22292f;
}

.dark .gsc-completion-selected {
    background-color: #1a1e21;
    cursor: pointer;
}


.dark .jab-next-prev-btn {
    color: #c4c6c9;
}

.dark .jab-next-prev-btn:hover {
    background-color: #22292f;
    color: #c4c6c9;
}

.dark .jab-bd-sidebar .jab-bd-links-nav {
    background-color: #1a1e21;
}

.dark .jab-bd-sidebar .jab-bd-links-nav li:hover {
    background-color: #000000;
}

@media (max-width: 767px) {
    .dark .jab-user-nav a {
        font-size: 16px;
        color: #777777 !important;
    }

    .dark .navbar-toggler svg {
        color: #777777;
    }

    .dark .jab-bd-sidebar .jab-bd-links-nav {
        background-color: rgb(34, 41, 47);
    }
}

.dark .jab-bgc-header {
    background-color: #1a1e21;
    border-bottom: 1px solid rgba(108, 117, 125, 0.38) !important;
}

.dark .jab-user-data {
    text-align: center;
    background-color: #1a1e21;
    margin-bottom: 20px;
    border: 1px solid rgba(108, 117, 125, 0.38);
}

.dark .jab-user-details {
    padding: 20px 0;
    background-color: #1a1e21;
}

.dark .user-follow-status li {
    border-bottom: 1px solid rgba(108, 117, 125, 0.38);
    border-top: 1px solid rgba(108, 117, 125, 0.38);
}

.dark .jab-follow-title {
    color: #777777;
}

.dark .jab-user-pic > img {
    border: 5px solid #1a1e21;
}

.dark .jab-user-pic {
    border: 1px solid rgba(108, 117, 125, 0.38);
}

.dark .user-follow-status li:nth-child(1), .dark .user-follow-status li:nth-child(2) {
    border-bottom: 0;
}

.dark .jab-category-card {
    background-color: #1a1e21;
    border-color: rgba(108, 117, 125, 0.38) !important;
}

.dark .page-link {
    background-color: #22292f;
    color: #f0f1f3;
    border-color: rgba(108, 117, 125, 0.38) !important;
}

.dark .swiper-pagination-bullet {
    background-color: #f0f1f3;
}


.dark .tutorial-accordion .accordion-header .accordion-button {
    background-color: #101212;
}

.dark .acc-title {
    color: #d3dde5;
}

.dark .tutorial-accordion .accordion-body {
    background-color: #101212;
}

.dark .video-wrapper {
    background-color: #060606;
    box-shadow: 1px 1px 1px 1px #101212;
}

.dark .video-wrapper .title {
    color: #d3dde5;
}

.dark .video-wrapper .time {
    color: #d3dde5;
}

.dark .app-btn {
    background-color: #060606;
    padding: 0.5rem;
    border-radius: 5px;
    box-shadow: rgb(59, 61, 65) 1px 1px 2px;
}

.dark .accordion-item {
    border-bottom: 1px solid rgba(108, 117, 125, 0.38) !important;
}

.dark .btn-close {
    filter: invert(100%) !important;
}

.dark .document {
    background-color: #1a1e21;
}

.dark .scrolling-text {
    background-color: #3b4044;
}

.dark .gap {
    background-color: #3b4044;
}