[data-theme="dark"] {
  background-color: #212121 !important;
  color: #ffffff;
}
    [data-theme="dark"] body {
        background-color: #3a3a3a;
        color: #ffffff;
    }

[data-theme="dark"] .bg-light {
  background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}

[data-theme='dark'] header img {
    filter: invert(100%) brightness(.8) contrast(1.2);
       
}

    [data-theme='dark'] header .shift {
        filter: invert(100%);
        z-index: 10;
    }
        [data-theme='dark'] header .dropdown-menu a {
            font-weight: bold;
        }
    [data-theme='dark'] .sign-option .dropdown-menu{
        filter: invert(100%);
        z-index: 10;
        font-weight: bold;
    }
    [data-theme='dark'] .sign-option .dropdown-menu form button{
        font-weight: bold;
    }
    

    [data-theme='dark'] header .border-bottom {
        border-bottom: 1px solid #212121 !important;
    }

[data-theme='dark'] .login-section{
    background-color: #3a3a3a;
    color: #ffffff;
}
    [data-theme="dark"] .login-section .card {
        background-color: #535353;
        color: #ffffff;
    }
    [data-theme="dark"] .login-section h2 {
        color: #e0e0e0;
    }
    [data-theme="dark"] .login-section label {
        color: #e0e0e0;
    }
    [data-theme="dark"] .login-section a {
        color: #e0e0e0;
    }
    [data-theme="dark"] .login-section span {
        color: #e0e0e0;
    }
    [data-theme="dark"] .login-section svg {
        color: #e0e0e0;
    }

    [data-theme='dark'] .menu-section {
        background-color: #3a3a3a;
        color: #ffffff;
    }
        [data-theme="dark"] .menu-section .card {
            background-color: #535353;
            color: #ffffff;
        }

        [data-theme="dark"] .menu-section h2 {
            color: #e0e0e0;
        }

        [data-theme="dark"] .menu-section label {
            color: #e0e0e0;
        }

        [data-theme="dark"] .menu-section a {
            color: #ffffff;
        }

        [data-theme="dark"] .menu-section span {
            color: #ffffff;
        }

        [data-theme="dark"] .menu-section svg {
            color: #ffffff;
        }
        
        [data-theme="dark"] .menu-section .view {
            background-color: #9e9e9e;
        }


    [data-theme='dark'] .main-menu {
        background-color: #3a3a3a;
        color: #ffffff;
    }

        [data-theme="dark"] .main-menu .card {
            background-color: #3a3a3a;
            color: #ffffff;
        }

        [data-theme="dark"] .main-menu h2 {
            color: #e0e0e0;
        }

        [data-theme="dark"] .main-menu label {
            color: #e0e0e0;
        }

        [data-theme="dark"] .main-menu a {
            color: #ffffff;
        }

        [data-theme="dark"] .main-menu span {
            color: #ffffff;
        }

        [data-theme="dark"] .main-menu svg {
            color: #ffffff;
        }

        [data-theme="dark"] .main-menu .fill {
            background-color: #535353;
            color: #ffffff;
        }

        [data-theme="dark"] .main-menu .view {
            background-color: #9e9e9e;
        }
    [data-theme="dark"] footer {
        background-color: #212121 !important;
        color: #ffffff;
    }

[data-theme='dark'] .page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -180px;
}

    [data-theme="dark"] .page-wrap:after {
        content: "";
        display: block;
        background-color: #3a3a3a;
    }

[data-theme='dark'] .site-footer, .page-wrap:after {
    height: 180px;
}
[data-theme="dark"] table.dataTable tbody tr {
    background-color: #848484;
}
[data-theme="dark"] table.dataTable thead tr {
    background-color: #3a3a3a;
}
[data-theme='dark'] .navbg {
    background-color: #5e5d5d;
}
    [data-theme='dark'] .navbg .nav-link {
        color: #e5e5e5;
    }

[data-theme="dark"] .card {
    background-color: #535353;
    color: #ffffff;
}
[data-theme="dark"] table tbody tr td {
    color: #ffffff;
}
[data-theme="dark"] .btn-outline-black {
    color: #ffffff;
}
[data-theme="dark"] label{
    color:white;
}
[data-theme="dark"] strong {
    color: white;
}
[data-theme="dark"] h1 {
    color: white;
}
[data-theme="dark"] .doctorPortalSection {
    background-color: #565656;
}