html, body {
    height: 100%;  /* Ensure both html and body elements are 100% of the viewport height */
    margin: 0;  /* Remove any default margin */
}

body {
	background-image: url('../images/bg-c-01.jpeg');
    background-size: cover;  /* Make sure the image covers the entire page */
    background-position: center;  /* Position the background image in the center */
    background-repeat: no-repeat;  /* Prevent the image from repeating */
    background-attachment: fixed;  /* Keep the background fixed while scrolling */
}

.main {
	padding-top: 70px;
}


.login-wrapper {
    margin-top: 0px;
}

.blink_me {
    /* width: clamp(400px,50%,70vw); */
	color:red;
	font-size: 1.5em;
	font-weight: 700;
	animation: blinker 5s linear infinite;
}
.panel-heading {
	color:blue;
	font-size: 2em;
}

.container-fluid.footer {
    position: fixed;          /* Fix the footer at the bottom of the page */
    bottom: 0;                /* Align it to the bottom */
    width: 100%;              /* Take full width of the viewport */
	background-color: transparent;  /* Make the background transparent */
    padding: 10px;            /* Padding for spacing */
    text-align: center;       /* Center the content if needed */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);  /* Optional: add a shadow for separation */
    z-index: 10;              /* Ensure it stays above other content */
	font-weight: 75;
	color: #ffffff;    /* Change the text color to white for better contrast */
	/* display: flex; */
}

.footer-content {
    display: flex;
    justify-content: space-between;  /* Distribute space evenly between child elements */
    align-items: center;             /* Align items vertically in the center */
}

.footer-left, .footer-center, .footer-right {
    flex: 1;  /* Allow each section to grow equally */
    text-align: center; /* Set all to center by default */
}

.footer-left {
    text-align: left;  /* Align text to the left */
}

.footer-right {
    text-align: right;  /* Align text to the right */
}
  
@keyframes blinker {
	80% {
		opacity: 0;
	}
}