.darkmode-layer, .darkmode-toggle {
    z-index: 500;
    border-radius: 12px!important;
}
.darkmode--activated body{
    background-color: #293544;
}
.darkmode--activated p, 
.darkmode--activated body, 
.darkmode--activated .header-nav .nav-link, 
.darkmode--activated .nav-link .text-gray-white, 
.darkmode--activated .post-footer span, 
.darkmode--activated .nav-link .fa.fa-expand,
.darkmode--activated .nav-link .fa.fa-ellipsis-v,
.darkmode--activated .horizontal-nav .mega-dropdown-menu h4,
.darkmode--activated .card-title:not(.yes-link),
.darkmode--activated .list-group-item,  
.darkmode--activated label,  
.darkmode--activated .fa.fa-tags.text-cyan,
.darkmode--activated .modal-header,
.darkmode--activated .tab-content h4,
.darkmode--activated .dataTables_info,
.darkmode--activated table,
.darkmode--activated .userprofile h3,
.darkmode--activated ul span.text-dark,
.darkmode--activated .sweet-alert h2,
.darkmode--activated .list-group li,
.bg-account.darkmode--activated h3,
.bg-account.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>a i {
    color: #d3d8e2!important;
}


.darkmode--activated .animated-arrow span,
.darkmode--activated .animated-arrow span:before,
.darkmode--activated .animated-arrow span:after {
    background-color: #d3d8e2;
}
.darkmode--activated .dropify-wrapper{
	background-color: #313c4a !important;
	color:#546172 !important;
}
.darkmode--activated .dropify-wrapper .dropify-preview{
	background-color: #313c4a !important;
}
.darkmode--activated #global-loader {
    background: #232f3e;
}
.darkmode--activated .dropdown-item{
    color: #d3d8e2;
}
.bg-account.darkmode--activated .page{
    background-color: rgb(41, 53, 68)!important;
}
.darkmode--activated .dropdown-item:hover, .dropdown-item:focus {
	color:#1753fc;
	background-color:#293544;
}
.darkmode--activated .dropdown-item.active, .dropdown-item:active {
	background-color:#293544;
}
.darkmode--activated .dropdown-item.disabled, .dropdown-item:disabled {
	color: #fff;
	background-color: transparent;
}
.darkmode--activated .table-striped tbody tr:nth-of-type(even) {
	background-color:#2a333f;
}
.darkmode--activated .breadcrumb-item {
	color: #5c6a7c;
}
.darkmode--activated .breadcrumb-item.active {
    color: #d3d8e2;
}
.darkmode--activated .breadcrumb-item a {
	color:#9258f1;
}
.darkmode--activated .breadcrumb-item+.breadcrumb-item::before {
	color: #d3d8e2;
}
.darkmode--activated .horizontal-nav .mega-dropdown-menu{
	background-color:#232f3e;
}
.darkmode--activated .app-header .horizontal-nav .mega-dropdown-menu:before, .mega-dropdown-menu:after        {
    border-color: transparent transparent #232f3e transparent;
}
.darkmode--activated .form-control {
	color: #a7aab1;
	background:#232f3e;
    border: 1px solid rgba(255,255,255,0.04);
}
.darkmode--activated .form-control::-moz-placeholder {
	color: #d3d8e2;
}
.darkmode--activated .form-control:-ms-input-placeholder {
	color:#d3d8e2;
}
.darkmode--activated .form-control::-ms-input-placeholder {
	color: #d3d8e2;
}
.darkmode--activated .form-control:disabled, .darkmode--activated .form-control[readonly] {
	background-color:#2a333f;
}
.darkmode--activated .form-control:focus {
	color: #d3d8e2;
	background-color:#2b3848;
	border-color: rgba(96, 82, 159,0.6);
}
.darkmode--activated .list-group-item.active {
	background-color:#2a333f ;
	border: 1px solid #1753fc;
	color: #fff;
}
/*.darkmode--activated a {
	color: #1753fc;
}
.darkmode--activated a:hover {
	color:#1753fc;
}*/
.darkmode--activated .horizontalMenucontainer{
    background-color:rgb(41, 53, 68)!important;
}
.darkmode--activated .card,
.darkmode--activated .comments-body,
.darkmode--activated .latest-timeline ul.timeline>li:before,
.darkmode--activated .comments-container .card-header,
.darkmode--activated .modal-content,
.darkmode--activated .sweet-alert,
.darkmode--activated .list-group li,
.darkmode--activated .thumbnail.mb-md-0.text-center{
    background-color: #232f3e;
}
.darkmode--activated .msb-reply textarea {
    border: 1px solid rgba(255,255,255,0.04);
    background: #2a3645;
    color: #d3d8e2!important;
}
.darkmode--activated .form-group.mb-0.mt-5 .card,
.darkmode--activated .form-group.mb-0.mt-5 .card-body{
    background-color:#2e384d;
}
.darkmode--activated .form-group.mb-0.mt-5 .card-header{
    background-color:#2e384d!important;
    color:#d3d8e2;
}
.darkmode--activated .sidebar{
    background-color:#1c2938;
}
.darkmode--activated .card-footer.post-footer {
    background-color: #232f3e!important;
}
.darkmode--activated .header-secondary{
    background: #232f3e!important;
}
.darkmode--activated .horizontal-main {
    background: #1a2633;
}
.darkmode--activated .app-header.header {
    background: #1c2938;
}
.darkmode--activated .alert.alert-info p{
    color: #24587e!important;
}
.darkmode--activated .card-body.badge-dark.mt-3{
    background-color: #232f3e;
}
.darkmode-layer {
    background:#000!important;
}
* {
    transition: background-color 100ms linear;
}
.darkmode--activated .page-link {
	background-color: #313c4a;
	border: 1px solid rgba(255,255,255,0.04);
	color: #d3d8e2;
}
.darkmode--activated .page-link:hover {
	color: #1753fc;
	background-color: #293544;
	border:1px solid rgba(255,255,255,0.1);
}
.darkmode--activated .page-item.active .page-link {
	color: #fff;
	background-color: #1753fc;
	border:1px solid #1753fc;
}
.darkmode--activated .page-item.disabled .page-link {
	color: #ced4da;
	background-color:#2a333f;
	border: 1px solid rgba(255,255,255,0.04);
}
.darkmode--activated .list-group-item-action {
	width: 100%;
	color: #5c6a7c;
}
.darkmode--activated .list-group-item-action:hover, .list-group-item-action:focus {
	color: #d3d8e2;
	background-color:#293544;
}
.darkmode--activated .list-group-item-action:active {
	color:#d2d7e1;
	background-color:#293544;
}
.darkmode--activated .list-group-item {
	color: #d3d8e2;
	background-color: #232f3e;
	border: 1px solid rgba(255,255,255,0.04);
}
.darkmode--activated .app-header .dropdown:hover, 
.darkmode--activated #nav-future-posts:hover{
	color: #4b4992;
	background-color:#293544;
}
/*.darkmode--activated .header-secondary{
    mix-blend-mode: difference;
}*/
/* ================== Desktop Main Menu CSS ================== */
.darkmode--activated .horizontal-main {
	background:#1a2633;
	border-top: 1px solid rgba(255,255,255,0.1);
}
.darkmode--activated .horizontalMenu {
	color: #fff;
}
.darkmode--activated .mega-menubg {
    background:#232f3e;
	box-shadow: 0 6px 12px rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 991px) {
    .darkmode--activated .horizontalMenu-list,
    .darkmode--activated .horizontalMenu-list li {
        background-color: #1c2938 !important;
    }
    .darkmode--activated .horizontalMenu>.horizontalMenu-list>li:hover>a {
		background-color: #232f3e;
        color: #d3d8e2;
	}
}
.darkmode--activated  .horizontalMenu>.horizontalMenu-list>li>a {
	color:#d3d8e2;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>a .arrow:after {
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-top: 4px solid;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color:#d3d8e2!important;
	background: #232f3e !important;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
	color:#d3d8e2;
}
.darkmode--activated .overlapblackbg {
	background-color: rgba(255,255,255, 0.2);
}
/* Desktop Search Bar */

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input {
	color: #333;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input::placeholder {
	color:#e1e1f3;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input:focus {
	color: #333;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input:focus~.btnstyle .fa {
	color: #e1e1f3;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input:focus~.searchicon {
	color: #FFFFFF;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch .btnstyle {
	color: #333;
	z-index: 1000;
}
/* ================== Desktop Drop Down Menu CSS ================== */

.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
	background-color:#232f3e;
	box-shadow: 0 6px 12px rgba(255, 255, 255, 0.1);
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
	color: #d3d8e2;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
	background-color:#232f3e;
	box-shadow: 0 6px 12px rgba(255, 255, 255, 0.1);
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
	color: #d3d8e2;
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
	background-color: #fff;
	border:1px solid rgba(255,255,255,0.1);
}
.darkmode--activated .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
	color: #e1e1f3;
}
/** header search **/
.darkmode--activated .header-form .form-inline .form-control {
	background:#2a333f;
}
/* style accordion*/
.darkmode--activated .acc-1 .accordion-header,
.darkmode--activated .accordion-body {
	background:#fff;
}
.darkmode--activated .acc-1 .accordion-header {
	background:#293544;
    color: #d3d8e2;
}
.darkmode--activated .acc-1 .accordion-header:hover {
	background: #1753fc;
	color:#fff;
}
.darkmode--activated .acc-1 .accordion__item  .accordion-header[aria-expanded="true"]{
	background: #1753fc;
	color:#fff;
}
.darkmode--activated .acc-1 .accordion-body {
	background:#232f3e;
	color: #d3d8e2;
}
.darkmode--activated .acc-1 .accordion-body__contents {
	border:1px solid rgba(255,255,255,0.04);
	background:#232f3e;
}
.darkmode--activated .acc-1 .accordion__item.active .accordion-header{
	background: #1753fc;
	color:#fff;
}
/*-- end accordion --*/

/* new Items */
.darkmode--activated .fa{
    color: white!important;
}

.darkmode--activated .course-data dd,
.darkmode--activated .single-course h4 {
	color: #d3d8e2;
}

.darkmode--activated h4,
.darkmode--activated text,
.darkmode--activated span {
	color: white;
}