.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);
}

.mobile{
    display: none;
}

.error-text{
    font-family: 'Myanmar Text'; 
    line-height:110%; 
    color: #ed3238; 
    font-size:1vw;
}

@media(max-width:767px){
    .mobile{
        display: block;
    }
    .login-container{
        margin-left: 9.843546284224250325vw;
        margin-right: 9.843546284224250325vw;
    }
    
    #login-title{
        font-size: 8.15vw;
        margin-top: 13vw;
    }
    
    .form-container{
        font-size: 1.5vw;
    }
    .form-container>input{
        font-size: 4.35vw;
        height: 9.504685408299866vw;
        padding-top: 2vw;
        margin-bottom: 3.5vw;
        padding-left: 1vw;
        border-radius: 1vw;
    }

    .password-container>input{
        font-size: 4.35vw;
        height: 9.504685408299866vw;
        padding-top: 2vw;
        margin-bottom: 3.5vw;
        padding-left: 1vw;
        border-radius: 1vw;
    }

    .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: -3.5vw;
        font-size: 4vw !important;
    }

    #mail-label{
        font-size: 4.65vw;
    }
    
    #pass-label{
        font-size: 4.65vw;
    }
    
    
    #mail_input::placeholder{
        color: #a9abae;
    }
    
    #pass_input::placeholder{
        color: #a9abae;
    }
    
    #forgot-password{
        font-size: 4.45vw;
        margin-bottom: 1.265vw;
    }
    
    #login-button{
        font-size: 4.45vw;
        line-height: 11.0311vw;
        height: 9.50468540829986613119vw;
        border: none;
        border-radius: 0.7vw;
        outline: none;
        margin-bottom: 4.81927710843373493vw;
    }
    /*
    #login-button>p{
        margin-top: 0.4vw;
    }*/
    
    #create-account-text{
        font-size: 4vw;
        margin-bottom: 8vw;
        line-height: 120%;
        margin-left: 0;
    }
    
    #link-create{
        font-size: 3.8vw;
        margin-left: 0;
    }

    #create-account-text-container{
        text-align: center;
    }

    .error-text{
        font-size:4vw;
        margin-bottom: 3vw;
    }
}