body.dark {
    background-color: #2b0000;
}
body.dark header:before {
    background: #2b0000;
}

body.dark .logocol img{
    filter: brightness(0) invert(1);
}

body.dark .mainmenulist {
    background: #490000;
}
body.dark header .megamenu a.mainli {
    color: rgb(255 255 255 / 95%);
}
body.dark .head-right .info {
    color: rgb(255 255 255 / 95%);
}
body.dark .head-right .head-btns li:after {
    background-color: #ffffff;
    opacity: 0.3;
}
body.dark .btn-white {
    background-color: #650606;
    color: rgb(255 255 255 / 95%);
}
body.dark .btn-outline {
    color: rgb(255 255 255 / 95%);
    border: 1px solid rgb(255 255 255 / 50%);
}
body.dark .head-right .langbtn img {
    filter: brightness(0) invert(1);
}
body.dark .head-right .langbtn:hover {
    background-color: var(--red);
}
body.dark .updatemain .hdcol {
    background-color: #650606;
}
body.dark .upslidemain {
    background-color: #490000;
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .updateslide a {
    color: rgb(255 255 255 / 95%);
}
body.dark .accessbox {
    background-color: #490000;
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .accessbox .hdbox .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .accessbox .accbtn {
    background-color: #650606;
    color: rgb(255 255 255 / 95%);
}
body.dark .accessbox .accbtn a{
    color: white;
}
body.dark .dropmain .dropdownmenu {
    background-color: #490000;
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .head-right .head-btns .access {
    border: 1px solid rgb(252 185 19 / 50%);
}
body.dark header .megamenu-content {
    background-color: #650606;
}
body.dark header .megalist a {
    color: rgb(255 255 255 / 90%);
}
body.dark .megalist li {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
body.dark header .megalist li:last-child {
    border: unset;
}
body.dark header .megalist a img {
    filter: brightness(0) invert(1);
}
body.dark .accosmall .accordion-item {
    border: 1px solid rgb(255 255 255 / 10%);
}
body.dark .accosmall .loginlist a {
    color: rgb(255 255 255 / 95%);
}
body.dark .accordion-button {
    background-color: #650606;
    color: rgb(255 255 255 / 95%);
}
body.dark .accosmall .accordion-button img {
    filter: brightness(0) invert(1);
}
body.dark .accosmall .accordion-button:after {
    filter: brightness(0) invert(1);
}
body.dark .accosmall .accordion-button:hover {
    background-color: #ed1a23;
    color: #ffffff;
}
body.dark .accosmall .loginlist a:hover {
    background-color: rgb(237 26 35 / 80%);
}
body.dark .menu-sec .menu-sec-right input {
    color: rgb(255 255 255 / 95%);
    background-color: #490000;
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: rgb(255 255 255 / 95%);
}
body.dark p {
    color: rgb(255 255 255 / 90%);
}
body.dark .iconcard {
    background-color: #650606;
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .iconcard .cardhead {
    color: rgb(255 255 255 / 90%);
}
body.dark .countlist .name {
    color: rgb(255 255 255 / 90%);
}
body.dark .logocard {
    background-color: #650606;
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .element {
    display: none;
}
body.dark .scimg {
    display: none;
}
body.dark .menu-sec .menu-sec-right input::placeholder {
    border: rgb(255 255 255 / 50%);
}

body.dark .logocard ul a {
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .overview::after {
    background-color: rgb(255 255 255 / 5%);
    background-image: unset;
}
body.dark .imgcard .imgcont {
    background-color: #650606;
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .imgcard .imgcont .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .navibtn .btgroup .line {
    background-color: rgb(255 255 255 / 30%);
}
body.dark .morebtn {
    color: rgb(255 255 255 / 95%);
}
body.dark .mycard {
    background-color: rgb(101 6 6);
    background-image: unset;
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .mycard .cardcont .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .mycard .cardcont .infolist .item {
    color: rgb(255 255 255 / 95%);
}
body.dark .orderscontact {
    background-image: unset;
}
body.dark .ordermain,
body.dark .contbox {
    background-color: rgb(101 6 6);
}
body.dark .conlist a .icon {
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .conlist a {
    color: rgb(255 255 255 / 90%);
}
body.dark .mytabs .nav-link {
    color: rgb(255 255 255 / 90%);
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .mytabs .nav-link:hover {
    color: white;
    border-color: var(--orange);
}

body.dark .nav-tabs .nav-link.active,
body.dark .nav-tabs .nav-item.show .nav-link {
    background: #ed1a23;
}

body.dark .tablerow {
    color: rgb(255 255 255 / 90%);
    background-color: #7d0c0c;
}
body.dark .actionbtn {
    color: rgb(255 255 255 / 90%);
}
body.dark .tablerow:hover {
    background: #ed1a23;
}
body.dark .imgcard .imgbox img {
    border: 1px solid rgb(255 255 255 / 50%);
}
body.dark .media::before {
    background-color: rgb(255 255 255 / 5%);
    background-image: unset;
}
body.dark .publibox {
    border: 1px solid rgb(255 255 255 / 30%);
    background-color: #650606;
}
body.dark .galbox {
    border: 1px solid rgb(255 255 255 / 50%);
}
body.dark .logobox {
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark .logobox {
    background: #d9d9d9;
}
body.dark footer {
    background-color: rgb(255 255 255 / 10%);
    background-image: unset;
}
body.dark footer a {
    color: rgb(255 255 255 / 90%);
}
body.dark footer .contlink a,
body.dark footer .viscount span {
    color: rgb(255 255 255 / 90%);
}
body.dark footer .subsbox {
    background-color: #650606;
}
body.dark .myform input {
    border: 1px solid rgb(255 255 255 / 30%);
    background: rgb(43 0 0 / 40%);
    color: rgb(255 255 255 / 90%);
}
body.dark .myform input::placeholder{
    color: rgb(255 255 255 / 50%);
}
body.dark .orderscontact:after{
    background-color: rgb(255 255 255 / 5%);
    background-image: unset;
}
body.dark .footlogo img{
    filter: brightness(0) invert(1);
}

body.dark .iconcard .icon{
    filter: brightness(0.5);
}
body.dark .sidebar {
    background-color: #2a0000;
}
body.dark .sidebar .sidehead img{
    filter: brightness(0) invert(1);
}
body.dark .sidebar .sidebar .sidehead {    
    border-bottom: 1px solid rgb(238 238 238 / 30%);
}
body.dark .sidebar .sidemenu ul.menulist li a {
    background: #650606;
    color: rgb(255 255 255 / 90%);
}
body.dark .sidebar .sidehead{
    border-bottom: 1px solid rgb(255 255 255 / 35%);
}
body.dark .sidebar .accordion-button::after{
    filter: brightness(0) invert(1);
}
body.dark .sidebar .accordion-item {    
    background-color: #7f1b1b;
}

/* Grayscale filter */
.gray {
    filter: saturate(50%);
}
body.dark .bannernav {
    background-color: #650606;
    border: 1px solid #d31c1e42;
}
body.dark .navslider a {
    color: rgb(255 255 255 / 95%);
    border: 1px solid rgb(255 255 255 / 50%);
}
body.dark .navslider .active a, body.dark .navslider .active a:hover {
    background-color: #ed1a23;
}
body.dark .navslider a img {
    filter: brightness(0) invert(1);
}
body.dark .banpagi .swipeicon img{
    filter: brightness(0) invert(1);
}
body.dark table td,body.dark table th {
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark table {
    color: rgb(255 255 255 / 90%);
}
body.dark table tr:hover {
    background-color: rgb(255 255 255 / 20%);
}
body.dark .myform select, body.dark .myform textarea {
    color: rgb(255 255 255 / 95%);
    background: transparent;
    border: 1px solid rgb(238 238 238 / 30%);
}
body.dark .myform textarea::placeholder{
        color: rgb(255 255 255 / 50%);
}
body.dark .myform select{
    background: #490000;
}
body.dark .innercont .inpgroup {
    color: white;
}
body.dark ul.pagination li .page-link {
    color: white;
}
body.dark .innercont ul {
    color: rgb(255 255 255 / 90%);
}

