@font-face {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
}

.logo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8vh;
}
/*@font-face {
    font-family: "NunitoBold";
    src: url("../fonts/Nunito/Nunito-Bold.ttf");
}*/
.dis-none {
    display: none !important;
}

#btn-login {
    /*    margin-top: 100  px*/
}

.container {
    font-family: "Lexend", sans-serif;
    max-width: unset !important;
    padding: 0;
    margin: 0;
    background-image: linear-gradient(#F1F5F9, #F4F7FC, #F6F8FD, #D2E0F7);
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
}

.section-left-group {
    /*    width: 45%;*/
    min-width: 30vw;
    padding: 30px;
    gap: 0px;
    border-radius: 12px;
    opacity: 0px;
    background-color: white;
}


.impc-input ::placeholder {
    color: #586689;
}

.impc-input ::-ms-input-placeholder {
    color: #586689;
}

.impc-border {
    border: 1px solid #DAE0EC;
}

.gobackSpan {
    cursor: pointer;
    color: blue;
}

.impc-input-wrap {
    position: relative;
}

i.fa-icon {
    position: absolute;
    top: 10px;
    right50px;
}

.eye {
    float: right;
    cursor: pointer;
    z-index: 2;
    transform: translate( -10px, -32px);
    position: absolute;
    /*    margin-bottom: 30px;*/
    right: 6px;
    top: 0;
    margin-top: 50px;
}

}
/*.body-container {
    margin-top: 60px;
    padding-bottom: 40px;
}

.welcome-page {
    li

{
    list-style: none;
    padding: 4px;
}

}

.logged-out-page {
    iframe

{
    display: none;
    width: 0;
    height: 0;
}

}*/




/*.grants-page {
    .card

{
    margin-top: 20px;
    border-bottom: 1px solid lightgray;
    .card-title

{
    img

{
    width: 100px;
    height: 100px;
}

font-size: 120%;
font-weight: bold;
}

label {
    font-weight: bold;
}

}
}*/
@media only screen and (max-width: 768px) and (orientation: portrait) {
    .logo-container {
        display: none;
    }
}

@media only screen and (max-height: 500px) and (orientation: landscape) {
    .logo-container {
        display: none;
    }
}