:root {
		  --bs-primary-rgb: 0, 54, 153;
	}
	
	:root{
		--primary-color : #0071b3;
		--primary-color-washed : #0071b3bb;
		--lighter-color : #9f9f9f;
		--text-color    : #333;
		--success-color : #189b18;
		--error-color   : #cb4552;
		
	}
	body{
		background : #efefef;
	}
	#registerForm .row,#loginForm .row{
		margin : 1.5rem 0;
	}
	.flex-col{
		flex-direction : column;
	}
	.centered{
		justify-content: center;
		align-content: center;
		align-items: center;
	}
	.bg-image{
		position : relative;
	}
	.randomBackground{
		width : 100%;
		height : 100%;
		box-shadow : 1px 0 3px 0px #333;
		background-size: cover!important;
		background-position: center!important;
		position : absolute;
		top : 0;
		left : 0;
	}
	.background-1{
		background : url('assets/css/login_bg/test_bg_login_2.jpg');

	}
	.background-2{
		opacity : 0;
	}

	.login-wrapper{
		 min-height: 100vh;
	}
	.panel{
		background: white;
		padding: 24px;
		border-radius: 4px;
		border : 1px solid #ccc;
		min-width : 50%;
	}
	.form-container{
		align-content: space-between;
		justify-content: center;
	}
	.title{
		text-align : center;
		margin-bottom: 2rem;
		width : 100%;
	}
	.flex-col{
		flex-direction : column;
	}

	.product_title{
		color : var(--text-color);
		
		text-style : italic;
	}
	.astName{

		color : var(--text-color);
	}
	.astName::first-letter{
		color : var(--primary-color);	
		
	}
	.title{
		background : url('/assets/images/logo-transparent.png');
		background-size : contain;
		background-repeat : no-repeat;
		min-width : 100px;
		text-align : center;
		background-color: #efefef;
		border-radius: 3px;
		border: 1px solid #888;
		font-size : 2rem;
		font-size : 1.8rem;
	}
	@media (max-width: 1250px){
		.title{
			background: none;
			border: none;
			border-bottom : 1px solid #ccc;
			border-radius : 0;
		}
	}

	.panel-wrapper{
		    min-width: 50%;
	}
	.wrapper{
		z-index : 100;
	}
	.overlay{
		width: 100%;
		height: 100%;
		position: fixed;
		background: #000000ab;
		top: 0;
		left: 0;
		z-index : 2;
	}
	
	.background{
		position : fixed;
		transition : opacity 2000ms linear;
		z-index : 1;
	}
	legend::first-letter{
		color : var(--primary-color);
	}
	.ast_message__item__content{
		line-height : 1.1;
	}