.t-Login-title{
    font-family: system-ui, sans-serif;
    text-align: left;
    /* font-family: 'Maven Pro'; */
}
.with-bg{
    background: url('#WORKSPACE_FILES#SIE_Last_Mile_Banner.png') no-repeat center/cover ;
}
.t-Login-region{
    border: 0;
    box-shadow: none;
    padding: 0;
}
.shift-logo{
    width:70px;
}

.img-logo{
    width: 150px;
    position: relative;
    /* left: -200px;
    top: -50px; */
}

/* eye in password item*/
.field-icon {
    right : 30px;
    margin-left: -25px;
    margin-top: 14px;
    position: sticky;
    z-index: 2;
    font-weight: bold;
}
/* Welcome Text */

#wel{
    font-size: 11px !important;
    opacity: 0.5 !important;
    font-weight: bold !important;
    padding: 10px 0 !important;
}

/* //log in form */
.login-form{
    width: 500px !important;
   
}

/*forget [password*/
#forget-pass{
    color: #131f6b ;
    font-size: 15px;
    margin-top: -15px;
    font-weight: 900;
    left: 71%;
    position: relative;
}
#btn-login{
    background-color: #131f6b ;
    border-radius: 10px;
    width: 100%;
    height: 55px;
    font-size: 15px;
    font-weight: 100;
    margin: 40px 0 0 0;
    cursor: pointer;
}

#regist{
    font-size: 15px;
    font-weight: bold;
    color: #131f6b;
    text-decoration: none;
    cursor: pointer;
    padding-left: 6px ;
}

.apex-item-text{
    /* border: 1px solid rgba(0, 0, 0, 0.4); */
    border-radius: 10px;
    box-shadow:  -25px 20px -20px rgba(0,0,0,0.45),
                25px 0px 20px -20px rgba(0,0,0,0.45),
                0px 25px 20px -20px rgba(0,0,0,0.45),
                -25px 0px 20px -20px rgba(0,0,0,0.45);
}


/* Logo Region */
#LOGIN_REGION{
    position: relative;
    top: -35%;
    transform: translatey(35%);
}


@media (max-width: 820px){
.col-md-6 {
    flex: 0 0 auto ;
    width: 100% ;
}
.d-sm-block {
    display:none!important;
}
}