body.dark-mode{
	color: white;
	/*background: #181A20;*/
	background: linear-gradient(23deg, #0B001C 35.12%, #230550 95.01%), #000;

	& #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;*/
        background: rgba(0, 0, 0, 0.5);
        box-shadow: none !important;

		& .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: white;
			    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: white !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: rgba(0, 0, 0, 0.5);
        color: white;

		& .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: #29FF98;
		    border-color: #29FF98;
		}
	}
	& .index-col{
		color: white;
		/*background: rgba(255, 255, 255, 0.7);*/
		background: linear-gradient(180deg, rgba(41, 255, 152, 0.5) 0%, rgba(41, 255, 152, 0.00) 100%);
	}
	& .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;
	}
}

.btn-success{
	border-radius: 25px;
	background: linear-gradient(0deg, #1DAA66 0%, #29FF98 100%), #29FF98;
}