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

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

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

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

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

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

.dark .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 .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 .user-nav li a{
    color: #ccc;
}

.dark .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 .next-prev-btn{
    color: #c4c6c9;
}

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

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

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

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

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

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

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

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

.dark .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 .follow-title {
    color: #777777;
}

.dark .user-pic > img {
    border: 5px solid #1a1e21;
}
.dark .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 .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;
}