.dark {
  background: #161a31 !important;
  color: #ddd;
}

.dark .table tbody tr td {
  border-color: #333a54;
  color: #ddd !important;
      background-color: #222b45 !important;
}
.dark-theme {

  display: none;
}
.dark .table tbody tr td {
border-color: #333a54;
color: #ddd !important;
}
.dark-theme {
display: none;
}
.dark .dark-theme {
display: block !important;
}
.dark button.close:after {
color: #fff !important;
}
.dark .close-sidebar circle {
fill: #ddd;
}
.dark .btn-popup .btn {
box-shadow: none !important;
}
.dark a.nav-link.bell-icon path {
fill: #ddd !important;
}
.dark img.white-logo {
  display: block !important;
}
.dark img.black-logo {
  display: none !important;
}
.dark .dark-theme
{
  display: block !important;
}
.dark .light-theme
{
display: none;
} 
.dark .tab-nav-menu li a {
color: #d8d6e5;
}
.dark .tab-nav-menu li a:hover {
  color: #fff !important;
}
.dark p{
  color: #89879f !important; 
}

.dark h5#exampleModalLabel {
  color: #ddd!important;
}
.dark ul.nav.menu-tabs li a svg {
  fill: #ddd;
}
.dark ul.nav.menu-tabs li a i {
  fill: #ddd;
}
.dark ul.nav.menu-tabs li a:hover {
  background-color: #1e2746;
  color: #ddd !important;
}
.dark .deznav .menu-tabs li a.active svg {
  fill: #6777ef !important;
}
.dark .card-header h6 {
  color: #ddd !important;
}
.dark .card .card-header {
  background-color: #222b45 !important;
}
.dark h5.card-header
{
  color: #ddd !important;
}
.dark .page-title h2 {
  font-size: 18px;
  color: #ddd !important;
}
.dark ul.nav.menu-tabs li a:hover h3 {
  color: #ddd !important;
}
.dark .tab-list {
  background-color: #222b45;
  box-shadow: none;
}
.dark .deznav {
  background-color: #6777ee;
}
.dark .header {
  background-color: #222b45 !important;
}
.dark .table thead th {
  border-color: #333a54;
  background-color: #181f39 !important;
  color: #ddd !important;
  border-bottom: 2px solid #181f39 !important;
}
.dark h3.icon-lable {
  color: #ddd !important;
}
.dark .menu-toggle .deznav .menu-tabs li a.active {
  background: #222b45;
}
.dark input.form-control:focus {
  background-color: #181f39;
}
.dark .model-job-body label
{
  background: #181f39;
}
.dark .input-content label {
  color: #ddd;
}
.dark .nav-wizard .nav-link .wizard-step-text .wizard-step-text-name {
  color: #ddd;
}
.dark .card-header.wiz-header {
  box-shadow: none !important;
}
.dark .form-group.input-auto {
  color: #ddd;
}
.dark button.btn.menu-bar-icon
{
  color: #ddd;   
}
.dark .breadcrumb {

    color: #333 !important;
    background-color: #181f39 !important;

}
.dark button.btn.menu-bar-icon:hover
{
background-color: transparent !important;
}
.dark h5.card-header-title
{
  color: #ddd !important;
}
.dark .action-shadow-light {
  background-color: #1e2746 !important;
}
.dark .widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title {
  color: #ddd;
  font-size: 16px;
}
.dark .card-info span
{
  color: #ddd;
}
.dark .select-box .text-xs
{
  color: #ddd !important;
}
.dark span.st-date
{
  color: #ddd !important;   
}
.dark .carousel-box {
  background-color: transparent;
}
.dark .footer-copyright {
  background-color: #202848;
}
.dark li.rb-tabs-item.active {
  color: #007bff !important;
}
.dark .org-name {
  color: #ddd;
  font-style: italic;
}
.dark button#pageDropDown {
  background-color: transparent !important;
  color: #ddd !important;
}
.dark a.tooltiph circle {
  fill: #fff;
}
.dark a.tooltiph path {
  fill: #fff;
}
.dark .dz-dark path {
  fill: #fff;
}
.dark .pagination li a {
  background-color: transparent !important;
}
.dark .modal {

  background-color: rgba(227 227 227 / 59%) !important;
}
.dark .fade.modal.show
{
  background-color: rgba(227 227 227 / 59%) !important;

}
.dark input.form-control:focus {
  color: #ddd !important;
}
.dark .action-button-edit
{
  box-shadow: none !important;
}
.dark .action-button-delete
{
  box-shadow: none !important;   
}
.dark .action-button-view
{
  box-shadow: none !important;    
}
.dark .button-model {
  background: #1e2746 !important;
}
.dark .model-job-body input[type=radio]:checked + label {
  background: #1e2746;
}
.drak #common-head .card .card-header {
  background-color: #181f39 !important;
}
.dark .navbar .dropdown-menu a {
  color: #ddd !important;
}
.dark .form-check.select-all-check {
  padding: 0px 30px;
  background-color: transparent;
  color: #ddd !important;
}
.dark .h5.mb-0 {
  color: #ddd !important;
}
.dark .wizard-progress .card-body
{
  background-color: transparent !important;
}
.dark button.close
{
background-color: transparent !important;
}

.dark .action-bnt i {
  color: #ddd;
}



.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
color: #fff !important;
}
.dark a.link {
color: #ddd;
}
.dark a.link:focus,
.dark a.link:hover {
color: #00afef;
}
.dark a:hover {
color: #fff;
}
.dark .border-right {
border-right: 1px solid #333a54 !important;
}
.dark .border-left {
border-left: 1px solid #333a54 !important;
}
.dark .border-top {
border-top: 1px solid #333a54 !important;
}
.dark .border-bottom {
border-bottom: 1px solid #333a54 !important;
}
.dark .border {
border: 1px solid #333a54 !important;
}
.dark .dropdown-menu {
background-color: #181f39;
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
}
.dark .dropdown-menu .dropdown-item.selected,
.dark .dropdown-menu .dropdown-item.selected.active,
.dark .dropdown-menu .dropdown-item.active,
.dark .dropdown-menu .dropdown-item:hover,
.dark .dropdown-menu .dropdown-item:focus {
background-color: #1e2746;
color: #89879f;
}
.dark .form-control {
background-color: #181f39;
border-color: #333a54;
color: #fff;
}
.dark .card {
background-color: #222b45;
box-shadow: none !important;
}
.dark .btn-outline-dark:hover {
background-color: #181f39;
border-color: #181f39;
}
.dark .tdl-holder input[type="text"],
.dark .tdl-holder li {
background-color: #1e2746;
border-color: #333a54;
}
.dark .tdl-holder input[type="text"]::placeholder {
color: #828690;
}
.dark .tdl-holder label:hover {
background-color: #333a54;
color: #fff;
}
.dark .text-muted {
color: #828690 !important;
}
.dark .modal-content {
background: #1e2746;
}
.dark .modal-footer,
.dark .modal-header {
border-color: #333a54;
}
.dark .close {
font-weight: 400;
color: #fff;
text-shadow: none;
}
.dark .close:hover {
color: #fff;
}
.dark .table strong {
color: #fff;
}
.dark .text-dark {
color: #828690 !important;
}
.dark .star-rating .product-review,
.dark .new-arrival-content .item {
color: #fff;
}
.dark .custom-dropdown .dropdown-menu {
border-color: #333a54;
}
.dark .widget-stat .media > span {
background: #333a54;
border-color: #333a54;
color: #fff;
}
.dark .plus-minus-input .custom-btn {
background: #181f39;
border-color: #333a54;
}
.dark .dropdown-divider,
.dark .size-filter ul li {
border-color: #333a54;
}
.dark .custom-select {
border-color: #333a54;
color: #828690;
background: #181f39;
}
.dark .nav-tabs {
border-color: #333a54;
}
.dark .mail-list .list-group-item.active i {
color: #fff;
}
.dark hr {
border-color: #333a54;
}
.dark .grid-col {
background: #181f39;
}
.dark .noUi-target {
border-color: #333a54;
border-radius: 8px;
box-shadow: none;
}
.dark .noUi-target .noUi-connects {
background: #333a54;
}
.dark .noUi-marker-large,
.dark .noUi-marker {
background: #333a54;
}
.dark .input-group-text {
background: #333a54;
color: #89879f;
}
.dark .note-editor.note-frame {
border-color: #333a54;
}
.dark .note-editor.note-frame .btn {
color: #fff;
}
.dark
.note-editor.note-frame
.note-editing-area
.note-editable {
color: #fff;
}
.dark .widget-media .timeline .timeline-panel {
border-color: #333a54;
}
.dark
.notification_dropdown
.dropdown-menu-right
.all-notification {
border-color: #333a54;
}
.dark #user-activity .nav-tabs .nav-link {
border-color: #333a54;
}
.dark .list-group-item-action {
color: #89879f;
}
.dark .list-group-item-action:focus,
.dark .list-group-item-action:hover,
.dark .list-group-item-action:focus {
background-color: #181f39;
border-color: #181f39;
}
.dark .list-group-item.active {
color: #fff;
border-color: #6777ef;
}
.dark .list-group-item.active:focus,
.dark .list-group-item.active:hover,
.dark .list-group-item.active:focus {
background-color: #6777ef;
border-color: #6777ef;
color: #fff;
}
.dark .swal2-popup {
background: #1e2746;
}

.dark .header-left input {
background: #181f39 !important;
border-color: transparent;
color: #fff !important;
}
.dark .header-left input:focus {
box-shadow: none;
border-color: #6777ef;
}
.dark .header-left input::placeholder {
color: #fff;
}
.dark .header-left .search_icon {
background: #181f39 !important;
}
.dark .header-left .search_icon i {
color: #fff;
}
.dark .header-right .right-sidebar a {
color: #6777ef;
border-color: #333a54;
}
.dark
.header-right
.header-profile
> a.nav-link
.header-info
strong {
color: #fff;
}
.dark .header-right .notification_dropdown .nav-link {
background: #181f39;
}
.dark .header-right .dropdown .nav-link {
color: #fff;
}
.dark .header-right .dropdown .nav-link:hover {
color: #fff;
}
.dark
.header-right
.notification_dropdown
.dropdown-item
a {
color: #fff;
}
.dark .nav-header {
  background-color: #6777ee;
}
.dark .nav-control {
color: #fff;
}
.dark .brand-logo {
color: #fff;
}
.dark .brand-logo:hover {
color: #fff;
}
.dark .nav-control {
color: #fff;
}
.dark .brand-logo {
color: #fff;
}
.dark .brand-logo:hover {
color: #fff;
}
.dark[data-sidebar-style="mini"]
.deznav
.metismenu
li
> ul {
background-color: #1e2746;
}
.dark .fixed-content-box {
background-color: #1e2746;
}
.dark .fixed-content-box .head-name {
  background: #222b45;
color: #fff;
border-color: #333a54;
}
.dark .fixed-content-box + .header + .deznav {
background-color: #181f39;
}

.dark .deznav .metismenu > li > a {
color: #b3b3b3;
}
.dark .deznav .metismenu > li:hover > a,
.dark .deznav .metismenu > li:focus > a,
.dark .deznav .metismenu > li.mm-active > a {
color: #fff;
}
.dark .deznav .metismenu > li:hover > a::after,
.dark .deznav .metismenu > li:focus > a::after,
.dark .deznav .metismenu > li.mm-active > a::after {
border-color: #fff;
}
.dark .deznav .metismenu > li.mm-active ul ul {
background-color: transparent;
}
.dark .deznav .metismenu ul:after {
background-color: #333a54;
}
.dark .deznav .metismenu ul a:hover,
.dark .deznav .metismenu ul a:focus,
.dark .deznav .metismenu ul a.mm-active {
color: #fff;
}
.dark .deznav .metismenu ul a:before {
background-color: #fff;
}
.dark .deznav .metismenu a {
color: #b3b3b3;
}
.dark .deznav .metismenu .has-arrow:after {
border-color: #fff;
}
.dark .sidebar-right {
background-color: #1d2544;
}
.dark .sidebar-right .nav-tabs {
background-color: #1d2544;
border-bottom: 1px solid #181f39;
}
.dark .sidebar-right .nav-tabs .nav-link.active {
background-color: #181f39;
}
.dark .footer {
background-color: transparent;
}
.dark .footer .copyright {
background-color: transparent;
}
.dark .footer .copyright p {
color: #fff;
}
.dark #chart {
  border-radius: 10px !important;
}
.dark svg text {

    fill: #ddd !important;

}
.dark .apexcharts-legend-text {
  color: #89879f !important;
}
.dark .css-13cymwt-control {
background-color: #181f39 !important;
}
.dark .bg-pricing-6 .text-muted {
color: #fff !important;
}
.dark .bg-pricing-6 ul#pills-tab2 .nav-link {
color: #dddd;
}
.dark .css-1dimb5e-singleValue {
  color: #ddd;
}
.dark .ant-steps-item-title {
  color: #ddd !important;
}
.dark .ant-checkbox + span {
  color: #ddd;
}
.dark .bg-pricing-6 ul.ulli-list li {
  color: #cacace;
}
.dark input#tagadd {
  background-color: transparent !important;
}
.dark .breadcrumb-item.active {
  color: #ddd !important;
}
.dark li.breadcrumb-item a {
  color: #6777ef;
}
.dark .slab_head {
  background-color: #222b45 !important;
}
.dark .skillsub-rating
{
  background-color: #161a31;
  box-shadow: none !important;
}
.dark span.small.subskill {
  color: #ddd !important;
}
.dark .data-viewval a.list-group-item {
  background-color: transparent;
}
.drak .action-bnt .btn:hover {
  background-color: transparent !important;
} 
.dark .form-control:disabled, .form-control[readonly] {
  color: #333 !important;
}
.dark .css-1jqq78o-placeholder {
  color: #ddd !important;
}
.dark strong {
  color: #ddd;
}
.dark .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
  color: #ddd;
}
.dark label.label-filter {
  color: #ddd;
}
.dark h4.heading_courseMaterial {
  color: #ddd !important;
}
.dark .accordian-section-course {
  color: #ddd !important;

}
.dark .deznav .menu-tabs li a.active
{
background-color: #222b45 !important;
}
.dark .bg-pricing-6 .price-box {

  border: 1px solid #333a54;
}

.dark label
{
  color: #ddd !important;
}
.dark .card-header.wiz-header {
  background-color: #181f39 !important;
}
.dark .btn
{
  box-shadow: none !important;
}
body .drak .d-flex.dflex-t h5 {
  color: #000 !important;
}
.dark .card-genskill {
  box-shadow: none !important;
  background-color: #161a31 !important;
}
.dark .card-genskill b {
  color: #ddd !important;

}
.dark .dropdown-trans button.dropdown-item {
  color: #ddd !important;
}
.dark .dropdown-menu .dropdown-item {
  color: #ddd !important;
}
.dark .col {
  color: #ddd;
}
.dark .css-1nmdiq5-menu div {
  /* color: #333 !important; */
  background-color: #181f39 !important;
  cursor: pointer;
}
.dark .css-t3ipsp-control
{
  background-color: #181f39 !important; 
}
.dark .css-1dyz3mf svg {
  color: #333;
}
.dark .customReactSelectMenu div {
  background-color: #181f39 !important;
  cursor: pointer;
}
.dark .card.card-protime {
  border: 1px solid #444 !important;
  box-shadow: 8px 5px 14px 0px #eee9e9;
}
.dark .card.card-snone {
  box-shadow: none !important;
  border: 1px solid #444 !important;
}
.dark .card-body.bg-eee {
  background-color: transparent;
}
.dark .logout_value b {
  color: #000;
}
.dark .logout_value label {
  color: #000 !important;
}
.dark .bg-primary.msg-sender p {
  color: #fff !important;
}
.drak .chat-body {
  background-color: transparent !important;
}
.dark .recom-msg button {
  background-color: transparent !important;
}
.dark .lets-msg button
{
  background-color: transparent !important;
}
.dark .react-calendar__navigation{
  color: #000;

}

.dark .react-calendar__month-view__weekdays__weekday{
  color: #000;

}
.dark .check-in .card-titleh3{
  color: #000 !important;
}

.dark .check-in .form-check-label{
  color:#000 !important;

}
.dark li.rb-tabs-item{
  color: #000 !important;
}
.dark .widgetdate-month{
  color: #000;
}

.dark .multiple-aprove .row div p{
  color: #000 !important;

}
.dark .multiple-aprove .row div h5{
  color: #000 !important;

}
.dark .mark-td div:first-child{
  color: #fff;
}
.dark p.sup-name
{ color: #fff !important;
}

.dark .cohorts-name h3 span{
  color: #fff !important;
}

.dark h6.coursecategory{
  background-color: transparent !important;
}

.dark .slab_head.areas_s{
  background-color: transparent !important;
}

.dark .slab_head.needs_i{
  background-color: transparent !important;

}

.dark .specificLink label span:hover {
  background-color: #181f39 !important;
}

.dark .specificLink label input:checked + span {
  background-color: #181f39 !important;
}
.dark .box_style
{
  border-color: #1f2a4a !important;
  background-color: #181f39 !important;
}  
.dark .small_box
{
  border-color: #1f2a4a !important;
  background-color: #181f39 !important;
}
.dark .variant_span {
  color: rgb(155 158 163) !important;
}
.dark .box_style .MuiBox-root 
{
  background-color: #181f39 !important; 
}
.dark .box-recomended-course
{
  border: 1px solid #1f2a4a;
  background-color: #181f39 !important;
}
.dark .box_bg
{
  border: 1px solid #1f2a4a;
}
.dark .org-name
{
  display: none;
}
.dark .MuiDataGrid-cellContent {
  color: #ddd !important;
}
.dark .MuiDataGrid-withBorderColor {
  border-color: rgb(36 51 73)  !important;
}
.dark .MuiTypography-span 
{
  color: #9b9ea3 !important;
}
.dark .shadow-title
{
  border: 1px solid #1f2a4a !important;
  box-shadow: none !important;
}
.dark .MuiTypography-root
{
color: #ddd !important;
}