:root {
            --ft-blue: #2495c5; 
			--ft-green: #7faa3c; 
			/*--ft-hover-link: #7faa3c;  */
			--ft-hover-link: #2495c5;
			
			--header-bg: #2495c5;
            
            
			--bs-primary: var(--ft-blue);
			--bs-success: var(--ft-green);
            
           
            --bs-body-color: #343a40; 
            --bs-secondary: #6c757d;
			
			--socket-bg: #333333; 
			--socket-color: #eeeeee; 
			--socket-border: #444444; 
        }

        body {
            font-family: 'Arial', sans-serif; 
            min-height: 100vh;
            display: flex;
            flex-direction: column; 
			background-color: #F8F8FF; 
			
			background-image:
				linear-gradient(
				  to bottom,
				  rgba(255,255,255,0.5) 30px,  
				  rgba(255,255,255,1) 400px   
				),
				url('https://myfoodtest.hu/img/upload/foodtest/front-view-vegetable-salad-with-cheese-on-dark-bac-2021-08-31-23-16-19-utc_62289d1e92905.jpg');

			background-repeat: no-repeat;
			background-position: center 30px; 
			background-size: 100% auto;      
        }

		p, ul {
			margin-bottom: 0.5rem;
		}
		

		
		.main-header-subtle-border {
			border-bottom: 1px solid #dee2e6;			
		
		}


		@media (min-width: 768px) {
			.szb-szoveg {
				text-align: justify;
				/* hyphens: auto; */
			}
		}

		.img-wrapper {
			width: 100%;
		}

		.img-wrapper img {
			width: 100%;
			height: auto;
			object-fit: contain;
		}

		@media (min-width: 768px) {
			.img-wrapper {
				height: 100%;
				overflow: hidden;
			}

			.img-wrapper img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}
		}

		

        .main-footer {
            background-color: var(--bs-dark);
            color: var(--socket-color);
            padding: 3rem 0;
            margin-top: auto; 
        }
		
		.main-footer h6 {
			font-size: 1rem; 
			font-size: 1.15rem; 
			/* font-weight: bold; */
			margin-bottom: 1.25rem !important;
		}
        .main-footer a {
            color: #ffffff;
            text-decoration: none;
        }
        .main-footer a:hover {
            color: var(--ft-hover-link);
        }
		
		.copyright-socket {
			background-color: var(--socket-bg);
			color: var(--socket-color);
			border-top: 1px solid var(--socket-border);
			padding: 10px 0; 
		}

		.copyright-socket a {
			color: var(--socket-color); 
			text-decoration: none;
			margin: 0 5px; 
		}

		.copyright-socket a:hover {
			color: var(--ft-hover-link);
			
		}
		

        .login-card {
            border: none;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
			

        }
		
		.btn-ghost-action {
			background-color: transparent !important;
			border: 1px solid transparent !important; 
			color: var(--bs-secondary) !important;
			
			padding: 0.2rem 0.5rem; 
			transition: all 0.2s ease-in-out; 
			font-size: 0.875rem; 
		}

		.btn-ghost-action:hover {
			background-color: #e9ecef !important;
			border-color: #dee2e6 !important; 
			color: var(--bs-dark) !important; 
		}
		
		.btn-primary {
			background-color: var(--ft-blue); 
			border-color: var(--ft-blue);
			color: #ffffff; 
		}

		.btn-primary:hover {
			background-color: #1f7fa8;
			border-color: #1f7fa8;
		}

		.btn-primary:focus,
		.btn-primary.focus {
			background-color: #1f7fa8;
			border-color: #1f7fa8;
			box-shadow: 0 0 0 0.25rem rgba(36, 149, 197, 0.5);
		}

		.btn-primary:active,
		.btn-primary.active,
		.show > .btn-primary.dropdown-toggle {
			background-color: #1a6d8c;
			border-color: #1a6d8c;
		}
		
	
		
		.info-box-clear {
			background-color: transparent !important;
			border: none !important;
			box-shadow: none !important;
			padding: 0 !important; 
		}

		.div-action {
			border: none;
			border-radius: 0;
			background-color: white;
			
			border-top: 1px solid #e8e8ff;
		}