body {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7)), 
                url(../images/login_bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
 /* Apply Poppins to all text elements */
body, span, label, input, button {
    font-family: 'Poppins', sans-serif !important;
}

/* Specifically target ASP.NET controls */
.asp-label, .asp-button, input[type="submit"], input[type="button"] {
    font-family: 'Poppins', sans-serif !important;
}

 body, html {
    height: 100%;
    margin: 0;
}

.full-height {
    height: 100vh;
}

.login-wrap {
    display: flex;
    align-items: center;      
    justify-content: center;  
    height: 100vh;            
}


 .login-left {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

 .bg-img {
    background: url(../images/bg1.png); /* Replace with your actual image path */
    background-size: cover;
    background-position: center;
    position: relative;
    height:100vh;
}

.logo-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* Hide on mobile screens (adjust max-width as needed) */
@media (max-width: 768px) { /* Adjust 768px based on your mobile breakpoint */
    .bg-img, .logo-overlay {
        display: none;
    }
}


.form-control{
    height:45px;
    padding: 5px 20px;
}

.footer {
    position: absolute;
    bottom: 0;
    left:20% !important;
    width: 60% !important;
    border-radius:20px;
    display:flex;
    align-items:center;

}

.img-responsive {
    margin: 0 auto;
}

.white {
    color: #fff;
}

 .floating-button {
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: 65px;
        height: 65px;
        background-color: #286090; 
        color: white;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 6px 15px rgba(0,0,0,0.4);
        text-decoration: none;
        z-index: 9999;
        cursor: pointer;
        transition: background-color 0.3s, transform 0.2s;
        font-size: 32px; 
    }

    .floating-button:hover {
        background-color: #00bfff; 
        transform: scale(1.05);
        color: white;
    }

    .floating-button i {
        line-height: 1;
        vertical-align: middle;
    }

/* Large Devices, Wide Screens */

@media only screen and (max-width : 1280px) {
    .img-responsive {
        margin: 0 auto;
        width: 50%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .img-responsive {
        margin: 0 auto;
        width: 60%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .footer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        background: #272b30;
        height: 62%;
    }

    body {
        background: url(../images/login_bg.jpg) no-repeat center center;
        height: 1200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}


/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/poppins/poppins-v5-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Light"), local("Poppins-Light"), url("fonts/poppins/poppins-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-300.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-300.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-300.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-300.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-300italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url("fonts/poppins/poppins-v5-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("fonts/poppins/poppins-v5-latin-300italic.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-300italic.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-300italic.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-300italic.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-300italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/poppins/poppins-v5-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Regular"), local("Poppins-Regular"), url("fonts/poppins/poppins-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-regular.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-regular.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-regular.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-regular.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url("fonts/poppins/poppins-v5-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Italic"), local("Poppins-Italic"), url("fonts/poppins/poppins-v5-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-italic.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-italic.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-italic.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/poppins/poppins-v5-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Medium"), local("Poppins-Medium"), url("fonts/poppins/poppins-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-500.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-500.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-500.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-500.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url("fonts/poppins/poppins-v5-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("fonts/poppins/poppins-v5-latin-500italic.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-500italic.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-500italic.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-500italic.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-500italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/poppins/poppins-v5-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("fonts/poppins/poppins-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-600.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-600.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-600.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-600.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/poppins/poppins-v5-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Bold"), local("Poppins-Bold"), url("fonts/poppins/poppins-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-700.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-700.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-700.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-700.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url("fonts/poppins/poppins-v5-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("fonts/poppins/poppins-v5-latin-700italic.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-700italic.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-700italic.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-700italic.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-700italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url("fonts/poppins/poppins-v5-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("fonts/poppins/poppins-v5-latin-800.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-800.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-800.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-800.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-800.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url("fonts/poppins/poppins-v5-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("fonts/poppins/poppins-v5-latin-800italic.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-800italic.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-800italic.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-800italic.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-800italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/poppins/poppins-v5-latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Black"), local("Poppins-Black"), url("fonts/poppins/poppins-v5-latin-900.eot?#iefix") format("embedded-opentype"), url("fonts/poppins/poppins-v5-latin-900.woff2") format("woff2"), url("fonts/poppins/poppins-v5-latin-900.woff") format("woff"), url("fonts/poppins/poppins-v5-latin-900.ttf") format("truetype"), url("fonts/poppins/poppins-v5-latin-900.svg#Poppins") format("svg");
  /* Legacy iOS */
}