/* Theme Dark */
.theme-dark{
    background-color: #2c3f6d !important;
    color: rgba(255, 255, 255, 0.7);
    
	// root variable
    --border-color: rgba(255, 255, 255, 0.2);
    --bg-white: #2c3f6d;
    --bg-dark-light: rgb(44, 63, 109, 0.80);
    --title: rgba(255, 255, 255, 0.7);
    --dark: #fff;
	
	.text-notify,
	.post-profile .left-content .meta-list li a,
	.notification .notification-content small, .notification .notification-content .small{
		color: #fff !important;
	}
	.dz-avatar.list-status .avatar-list .media img,
	.dz-avatar.list-stacked .avatar-list .media img{	
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.20);
	}
	.dropdown-menu .dropdown-item,
	.text-primary,
    .text-dark{
        color: #fff !important;
    }
	.dz-timeline.style-2 .timeline-date,
	.text-light{
		color: rgba(255, 255, 255, 0.50) !important;
	}
	.message-list li .media-content p{
		color: rgba(255, 255, 255, 0.7);
	}
    .message-list li .media:after{
		border-color: #2c3f6d;
	}
	.message-content{
		background-color: #2c3f6d;
	}
	.profile .main-profile .right-content .upload-box img{
		border-color: #2c3f6d;
	}
	h1, h2, h3, h4, h5, h6{
		color: #fff;
        a{
            color: #fff;                
        }
	}
    .light.btn-primary,
	.header{
        border-bottom: 1px solid var(--border-color);
    }
	.text-black{
		color: rgba(255, 255, 255, 0.7) !important;
	}
	.post-card .meta-list li svg path{
		stroke: #ffffff;
	}
    .border-bottom {
        border-color: var(--border-color) !important;
    }
	.default-tab .nav-tabs .nav-item .nav-link.active,	
    .btn-close,
	.detail{
        color: #fff;
    }
	&.bg-gradient-2 {
		background-image: var(--bg-white) !important;
	}
	.categore-box .story-bx img {
		border-color: var(--bg-white);
	}
    .search-icon{
        svg{
            path{
                fill: var(--primary);
            }
        }
    }
	.page-wraper.header-fixed .header{
        background-color: var(--bg-dark-light)!important;
	}
    .map .detail-box{
        background-color: #201030;
    }
    .contact-section ul li p{
        color: #fff;
    }
    .input-group{
        .input-group-text{
            background-color: #2c3f6d !important;
            border-color: var(--border-color);
        }
        .form-control{
            border-color: var(--border-color);
        }
    }
    .form-control{
        background: #2c3f6d;
		color: #fff !important;
        border-color: var(--border-color);
        &.style-1{
            border-color: var(--border-color);
        }
        &:focus,
        &:active{
            background: #2c3f6d;
        }
		&::placeholder{
			color: rgba(255, 255, 255, 0.7);
		}
    }
    .bell-icon{
		svg{
			circle{
				stroke: #fe9063;
				fill: #2c3f6d;
			}
		}
	}
    .sidebar{
        .nav-label{
            color: #fff;    
        }
        .navbar-nav{
            li a{
                color: #fff;
                &:after{
                    opacity: 0.5;
                    color: #fff;
                }    
            }    
        }
    }
	
	.featured-box .item-bx{
		box-shadow: none;
		border: 1px solid var(--border-color);
	}
	
	.accordion.style-2 .accordion-item{
		box-shadow: none;
		border: 1px solid var(--border-color);
	}
	
	.offcanvas.offcanvas-end,
	.offcanvas.offcanvas-bottom{
		.btn-close{
			box-shadow: none;
		}
	}
	.short-tag.style-3 .tag-btn{
		background-color: #fff;
	}
	.short-tag.style-3 .btn-check:checked + .tag-btn{
		background-color: #fff;
	}
		
	.detail-box{
		background-color: #2c3f6d;
	}
	
	.dz-tab .nav.nav-tabs .nav-item .nav-link {
		color: #fff;
	}

    //Header===
    .header{
        &.transparent{            
            background-color: transparent;
            .main-bar{
                &.sticky-header{
                    .header-content{
                        .mid-content h5{
                            color: #fff;
                        }
                    }   
                }
            }
        }
        .main-bar{
            .right-content{
                .form-check{
                    &.checkmark{
                        padding:0;
                        .form-check-label{
                            path{
                                stroke: #fff;
                            }
                        }
                        .form-check-input:checked + .form-check-label{
                            svg{
                                path{
                                    fill: #fff;
                                }
                            }
                        }	
                    }
                }
            }
        }
    }
    
	.short-map .zone{
		background: rgba(44, 63, 109, 0.38);
	}
	.back-btn{
		color: #fff;
	}
    //Footer ===
	
    //New Post ===
		.post-area .top-area{
			background: #c0c6d3;
		}
	//New Post ===
	
    .footer{
        .form-check{
            &.checkmark{
                .form-check-label{
                    border: 1px solid var(--border-color);
                    svg{
                        path{
                            stroke: #fff;
                        }
                    }
                }
                .form-check-input:checked + .form-check-label{
                    background-color:#EAEAEA;
                    svg{
                        path{
                            fill: var(--primary);
                            stroke: var(--primary);
                        }
                    }
                }	
            }
        }
		&.transparent{
			background: #2f4a79;
		}
        .chat-footer{
            .btn{
                svg path{
                    fill: #fff;
                }
            }
            /* form .input-wrapper{
                &.message-area{
                    background-color: #110021;
                    border-color: var(--border-color);
                }
            } */
        }
    }
    
    //Homepage====
    .dashboard-area{ 
        .categorie-section {
            ul{                
                li{
                    .btn{    
                        background-color: #201030;    
                        svg path{
                            fill: #fff;
                        }
                        &:hover{
                            svg path{
                                fill: var(--primary);
                            }
                        }
                    } 
                } 
            }
        }
    }
	.card{
        background-color: rgba(255, 255, 255, 0.06);    
        &.bg-light{
            background-color: #201030 !important;                
        }
        .text-primary{
            color: var(--primary) !important;
        }
		.card-body{
			&.bg-dark{
				background-color: rgba(255, 255, 255, 0.06)!important;    
			}
		}
    }
    .job-post{
        .card-info{
            svg path{
                fill: #fff;
            }    
        }
    }
    .recent-jobs-list ul li{
        .item-content{
            .item-inner{
                svg path{
                    fill: #fff;
                }    
            }
        }
    }
    
   .item-box{
		box-shadow: 3px 0px 25px -6px rgba(255, 255, 255, 0.25);
	}
   
    //PRODUCT Detail====
    .tag-group .tag-btn{
        color: #fff;
        border-color: var(--border-color);
    }
    
    ul.list-check li{
        color: #fff;
        &:after{
            color: #fff;
        }
    }
    
    .icon-box{
        background-color: #201030;  
        border-color: var(--border-color);  
        svg path{
            fill: #fff;
        }
    }
    
    //Search ====
    .btn{
        &.tag-btn{
            background: #201030;
            color: #fff;    
        }
    }
    
    .fixed-content{    
        background-color: #201030 !important;
    }
    
    //Company Detail ====
    .company-detail{
        .detail-content{
            border-color: var(--border-color);
        }
        .contact-box{
            li{
                .contact-icon{
                    border-color: var(--border-color);
                    background: #201030;
                    svg path{
                        fill: #fff;
                    }
                }    
            }    
        }
    }
    
    //Notification ====
    .notification-content .notification{
        border-color: var(--border-color);    
        background-color: #201030;
    }
    
    //Profile ====
    .profile-area{
        .profile{    
            .detail{
                color: #fff;    
            }
        }
        .contact-profile{
            .contact-icon{
                border-color: var(--border-color);
                background: #201030;
                svg path{
                    fill: #fff;
                }
            }    
        }
        .skill-bar{
            border: 1px solid var(--border-color);    
        }
    }
    
    //Login ====
    .social-btn-group .social-btn{
        background-color: #201030;
    }
    .btn-link,
    .saprate{
        color: #fff;
    }
    .chip.bg-light{
        color: #000;
		.text-black {
			color: #000 !important;
		}
	}
    .message-list li{
        border-color: var(--border-color);    
    }
    
    //Page ====
    .dz-list > ul > li{
        border-color: var(--border-color); 
        .item-content{
            .dz-title{
                color: #fff;
            }
            &.item-link{
                color: #fff;
                &:after{
                    opacity: 0.5;
                    color: #fff;
                }
            }
        }
    }
    .accordion-header{
        color: #fff;
    }
    .page-onboading + .footer {
        background-color: #110021;
    }
	
	// Login Screen
	.welcome-area .join-area:after{
		background-image: url(../images/bg-shape-dark.png);
	}
	.form-control.custom-image-select-2 .dropdown-toggle:after,
	.form-control.custom-image-select-2 .filter-option-inner-inner{
		color: #fff;
	}
	.element-list li a,
	.post-profile .left-content .meta-list li a {
		svg path{
			fill: #fff;
		}
	}
}