body{
	/*background-image: url( '/static/users/Sunset-2.jpg' ), linear-gradient(black, black, #113366, #3377bb);*/
	background-size: 100%;
	background-repeat: no-repeat;
	/*height: 100%;*/
	/*font-family: 'Numans', sans-serif;*/
}

html, body {
	min-height: 100vh;
}

.container{
	height: 100%;
	align-content: center;
}


.loginCard  {
	height: 380px;
	margin-top: auto;
	margin-bottom: auto;
	width: 500px;
	background-color: rgba(0,0,0,0.5) !important;
}


.signupCard  {
	height: 550px;
	margin-top: auto;
	margin-bottom: auto;
	width: 700px;
	background-color: rgba(0,0,0,0.5) !important;
};


.social_icon span{
	font-size: 60px;
	margin-left: 10px;
	color: #FFC312;
}


.social_icon span:hover{
	color: white;
	cursor: pointer;
}


.card-header h3{
	color: white;
}


.social_icon{
	position: absolute;
	right: 20px;
	top: -45px;
}


.input-group-prepend label{
	width: 50px;
	/*background-color: #FFC312;*/
	background-color: #0099FF;
	color: black;
	border:0 !important;
}


.input-group-signup label{
	width: 160px;
	/*background-color: #FFC312;*/
	background-color: #cccccc;
	color: black;
	border:0 !important;
}


.input-group input  {
	width: calc(100% - 160px);
}


.input-group-login input  {
	width: calc(100% - 50px);
}

input:focus{
	outline: 0 0 0 0  !important;
	box-shadow: 0 0 0 0 !important;
	background-color: #ffff00;
}


.remember  {
	color: white;
}


.remember input  {
	width: 20px;
	height: 20px;
	margin-left: 15px;
	margin-right: 5px;
}


.login_btn  {
	color: white;
	/*background-color: #FFC312;*/
	background-color: #0099FF;
}


.login_btn_width  {
	width: 100px;
}


.login_btn:hover  {
	color: white;
	background-color: #0099FF !important;
	background: var(--card-hover);
	box-shadow: var(--card-shadow);
}


.login_btn:focus  {
	color: white;
	background-color: #0099FF !important;
	background: var(--card-hover);
	box-shadow: var(--card-shadow);
}


.links  {
	color: white;
}


.links a  {
	margin-left: 4px;
	color: #0099FF;
}


.links a:hover  {
	color: white;
}


.warning {
	color: #ff8800;
	font-weight: bold;
}


.pricing, table.pricing *  {
	background-color: var(--text-background) !important;
	color: var(--text-foreground) !important;
}


p.pricing {
	margin-top: 4ex;
}


span.pricing {
	font-size: 4.5ex;
	font-weight: bold;
	word-spacing: -0.25em;
}



.white {
	color: white;
}


td.pricingType {
	width: 30%;
	padding: 0.5rem;
}


td.pricingDivider {
	width: 10%;
	padding: 0.5rem;
}


td.pricingDescr {
	width: 60%;
	padding: 0.5rem;
}


#scrollId > div {
	font-size: 16pt;
}

#nav-monthly-tab, #nav-yearly-tab  {
	color: white !important;
	border-color: var(--bs-success) !important;
	background-color: var(--bs-success) !important;
}

#nav-monthly-tab:not(.active), #nav-yearly-tab:not(.active)  {
	color: lightgray !important;
	border-color: transparent !important;
	background-color: transparent !important;
}


label.marketing  {
	color: var(--page-foreground);
	border:0 !important;
	display: inline-block;
	padding-right: 20px;
}

input.marketing  {
	display: inline-block;
}

p.submarketing  {
	font-size: 0.9em;
	color: var(--page-foreground);
}