.login-container{
    text-align: center;
    margin-left: 39.947vw;
    margin-right: 39.947vw;
    font-family: 'Myanmar Text';
}

.uns{
    font-size:initial;
}

#login-title{
    font-size: 2.3vw;
    color: black;
    margin-top: 3vw;
}

.form-container{
    text-align: left;
    font-size: 1.5vw;
}
.form-container>input{
    display: block;
    width: 100%;   
    font-size: 1.05vw;
    height: 2.393vw;
    padding-left: 0.5vw;
    line-height: 15vw;
    font-family: 'Myanmar Text';
    margin-bottom: 1.065vw;

    box-sizing: border-box;
    border-radius: 0.3vw;
    border-top-color: #BBBBBB;
    border-bottom-color : #BBBBBB;
    border-left-color : #BBBBBB;
    border-right-color : #BBBBBB;
    border-width: 2.5px;

}

#mail-label{
    height: fit-content;
    color: black;
    font-size: 1.35vw;
}

#pass-label{
    height: fit-content;
    color: black;
    font-size: 1.35vw;
}


#mail_input::placeholder{
    color: #a9abae;
}

#pass_input::placeholder{
    color: #a9abae;
}

#forgot-password{
    color: #1c670a;
    font-size: 1.155vw;
    margin-bottom: 1.265vw;
    display: block;
}

#login-button{
    background-color: #00a859;
    color: white;
    font-family: 'Myanmar Text';
    font-size: 1.34vw;
    line-height: 2.9311vw;
    width: 100%;
    height: 2.3937vw;
    border: none;
    border-radius: 0.3vw;
    outline: none;
    margin-bottom: 1.065vw;
}
/*
#login-button>p{
    margin-top: 0.4vw;
}*/

#create-account-text{
    font-size: 0.97vw;
    margin-left: 2.4425vw;
    margin-bottom: 8vw;
}

#link-create{
    font-size: 1.05vw;
    color: #1d670a;
    margin-left: 1.0425vw;
}
/*
PREVIOUS 
.password-container{
    display: flex;
}

.eye{
    margin-bottom: 1vw;
    position: relative;
    left: -1.5vw;
}

input::-ms-reveal {
    display:none;
}*/


.password-container{
    position: relative;
    display: inline-block;
    width: 100%;
}

.password-container>span{
    
    position: absolute;
    right: -0.8vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    
}

.eye{
    margin-bottom: 2vw;
    position: relative;
    left: -1.35vw;

    font-size: 1vw !important;
}

input::-ms-reveal {
    display:none;
}


.password-container>input{
display: block;
width: 100%;   
font-size: 1.05vw;
height: 2.393vw;
padding-left: 0.5vw;
line-height: 15vw;
font-family: 'Myanmar Text';
margin-bottom: 1.065vw;

box-sizing: border-box;

border-radius: 0.3vw;
    border-top-color: #BBBBBB;
    border-bottom-color : #BBBBBB;
    border-left-color : #BBBBBB;
    border-right-color : #BBBBBB;
    border-width: 2.5px;
}

.invalid-feedback{
    font-family: 'Myanmar Text';
    color: red;
    position: absolute; 
    z-index: 10; 
    transform: translateY(-1vw);
}

@media(max-width:767px){
    .login-container{
        margin-left: 20%;
        margin-right: 16.5%;
    }
    
    #login-title{
        font-size: 8.15vw;
        margin-top: 13vw;
    }
    
    .form-container{
        font-size: 1.5vw;
    }
    .form-container>input{
        font-size: 3.45vw;
        height: 6.393vw;
        padding-top: 2vw;
        margin-bottom: 3.5vw;
    
    }

    .password-container>input{
        font-size: 3.45vw;
        height: 6.393vw;
        padding-top: 2vw;
        margin-bottom: 3.5vw;
    }

    .password-container>span{
    
        position: absolute;
        right: -0.8vw;
        top: 35%;
        transform: translateY(-35%);
        z-index: 2;
        font-size: 3.45vw;
    }
    
    .eye{
        margin-bottom: 1vw;
        position: relative;
        left: -2.5vw;
    }

    #mail-label{
        font-size: 3.45vw;
    }
    
    #pass-label{
        font-size: 3.45vw;
    }
    
    
    #mail_input::placeholder{
        color: #a9abae;
    }
    
    #pass_input::placeholder{
        color: #a9abae;
    }
    
    #forgot-password{
        font-size: 3.45vw;
        margin-bottom: 1.265vw;
    }
    
    #login-button{
        font-size: 3.45vw;
        line-height: 7.6311vw;
        height: 6.3937vw;
        border: none;
        border-radius: 0.7vw;
        outline: none;
        margin-bottom: 1.465vw;
    }
    /*
    #login-button>p{
        margin-top: 0.4vw;
    }*/
    
    #create-account-text{
        font-size: 3vw;
        margin-left: 5.4425vw;
        margin-bottom: 8vw;
    }
    
    #link-create{
        font-size: 2.8vw;
        margin-left: 4.925vw;
    }
}