body.dark-mode{
	color: white;
	background: #181A20;

	& #bgvid{ opacity:.3; }
	& .idx-logo{ content:url('../img/theme/logo-dark-theme.svg?5823945834958'); }
	& h2.index-title{ background: white; color: black; }
	& a:not(.btn){ color: #ffc107; }
	& .navbar.navbar-light{
		background: #F3EFEE;

		& .navbar-toggler{ color: black !important; }
		& .navbar-brand{
			& img.d-none.d-md-block{ content:url('../img/theme/logo-white-theme.svg?5823945834958'); }
		} 

		& .navbar-nav{ 
			background: transparent;

			& .nav-link {
			    color: #181A20;
			    opacity: 1;

			    &.active,
			    &.show{ 
			    	color: #F7A600; 
			    }

			    & .nav-item-svg {
				    filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(29%) hue-rotate(335deg) brightness(104%) contrast(107%);
				}
			}
			& .nav-item.active{
				& .nav-link{
					color: #F7A600;

					& .nav-item-svg{
		    			filter: invert(53%) sepia(65%) saturate(1240%) hue-rotate(12deg) brightness(108%) contrast(109%);
		    		}
				}
			}
			&.show{
				& .nav-link{ color: #F7A600; }
			}
		}

	}
	& .signfrm.navbar-brand{
			& img{ content:url('../img/theme/logo-dark-theme.svg?5823945834958'); }
		} 
	& #btn-lang{ color: #181A20 !important; }
	& .btn-outline-success.outline-white{
		border-color: #181A20;
		color: #181A20;

		&:hover{
			color: white;
			background-color: #181A20;
		}
	}

	& .text-success{ color: #35e15d !important; }
	& .text-danger{ color: #ff8a8a !important; }
	& .dashboard-highlight2 {
		background: white;
        background: linear-gradient(172deg, white 0%, #a5b0ba 100%);
	    color: #181A20;

	    & .text-secondary{ color:#181A20 !important;  }
	    & .btn-light{
	    	background-color: rgba(0,0,0,0.1);
	    }
	    & .btn-outline-light{
	    	border-color: #181A20;
			color: #181A20;

			&:hover{
				color: white !important;
				background-color: #181A20;
			}
	    }
	}

	& .dashboard-bg{
		background: rgba(255,255,255,0.2) !important;

		& h2{
			color: white;
		}

		& .subtitle-link{
			background: rgba(255,255,255,0.2);
			color: white;
		}

		& .tablist{
			& .nav-link{
				color: rgba(255,255,255,1);

				&.active{
					color: white;

					&::after{
						background-color: white;
					}
				}
			}	
		}

		& .list-group{
			background: rgba(255,255,255,0.2);

			& .list-group-item{
				color: white;
				background: rgba(255,255,255,0.1);

				&:hover{  background: rgba(255, 255, 255, 0.3); }
				
				& .list-group-img2 svg{ fill: white; }
				& .list-group-item-subtitle{
					color: white;
				}

				/*& .list-group-item-price{ color: #F7DE00; }*/
			}
		}

		& .badge-light{ background: #F7A600; color: black; }

		& .dashboard-product-subtitle{
			color: white;
			/*text-shadow: 1px 1px 2px rgba(0,0,0,0.5);*/
		}
	}

	& .dashboard-quicklink{
		& a{ 
			color: white;

			&:hover{ color: #F7A600; }
		}
	}

	& #footer-wrapper{
		background: #F3EFEE;
		color: black;

		& .footer-logo{ content:url('../img/theme/logo-white-theme.svg?5823945834958'); }
	}

	/*--- Index ---*/
	& .index-block{
		border-color: rgba(255,255,255,0.3);
	}
	&.landing-page{
		.btn-outline-dark {
			color: #ffc107;
		    border-color: #ffc107;
		}
	}
	& .index-col{
		color: black;
		background: rgba(255, 255, 255, 0.7);
	}
	& .index-table{
		th{	color: white; }

		tr:hover{ color: rgba(23, 163, 130, 1) !important; }

		&:not(.bg-transparent) tr > *{
			&:nth-child(2)>span,
			&:nth-child(3)>span{
				background-color: rgba(255, 255, 255, 0.7);
			}	
		}
	}
	& .index-col.bg-primary, .index-col.bg-danger { 
		color: rgba(255,255,255,0.7);
		background: rgba(23, 163, 130, 1) !important; 

		& .index-package-title{ color: white !important; }
	}

	/*--- Sign In ---*/
	& h2{
		color: white;
	}
	& .dashboard-highlight{
		& h2{
			color: black !important;
		}
	}
	& .sign-quicklink{
		border-color: #7A8AA0;

		& .text-secondary{ color: white !important;}
		& .form-control{
			color: white;

			& option{ color: black; }
		}
	}
	
	& label{ color: white; }
	& .form-control{
		color: white;
		background-color: rgba(255,255,255,0.1);
		border-color: transparent;

		& option{ color: black; }
	}
	& .input-group-text{
		color: white;
		background-color: rgba(255,255,255,0.1);
		border-color: transparent;
	}
}