/*
MEDEVO
URL: ?
AUTHOR: Nabil Amer Thabit (nbilz//lab//dsign | @nbilz)
EMAIL: nbilz@live.com
CREATE DATE: Oct 14, 2021
UPDATE DATE: Oct 14, 2021
REVISION: 1
NAME: medevo.login-1.0.css
TYPE: Cascading Style Sheet
DESCRIPTION: Medevo by Biofarma
PALETTE:    1. #004BBB / rgb(0, 75, 187) (Strong Blue / Cobalt)
            2. #03D9CD / rgb(3, 217, 205) (Vivid Cyan / Robin's Egg Blue)
*/

.bg-login{
    position: absolute;
    width: 448px;
    height: 448px;
    z-index: 0;
}

.bg-login.top-right{
    top: 0;
    right: 0;
}

.bg-login.bottom-left{
    bottom: 0;
    left: 0;
}

.sec-login{
    position: relative;
    max-width: 570px;
    padding-bottom: 120px;
    z-index: 1;
}

.sec-login img{
    display: block;
    max-width: 324px;
    margin: 70px 0;
}

.sec-login .title-login{
    font-size: 40px;
    line-height: 55px;
    font-weight: bold;
    color: #004BBB;
    margin: 0 0 50px 0;
}

.sec-login .title-login span{
    display: block;
    margin: 30px 0 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #575757;
    font-weight: normal;
}

.sec-login .title-login span strong{
    color: #0EABBC;
    font-weight: 600;
}

.sec-login .title-login .text-blue{
    color: #3267E3;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    margin: 15px 0 0 0;
}

.sec-login .title-login .text-blue .svg{
    width: 15px;
    height: 15px;
    margin: 4px 5px -2px 0;
}

.sec-login .app-version {
  width: 56px;
  position: absolute;
  display: flex;
  justify-content: center;
  margin-top: -80px;
  margin-left: 5px;
  font-size: 9px;
}

.sec-login .forgot-pass{
    font-size: 14px;
    line-height: 19px;
    margin: 15px 0 0 0;
}

.sec-login .forgot-pass > a{
    font-weight: 600;
}

.sec-login ul.forming li.for-pass > a{
    position: absolute;
    right: 50px;
    top: 74px;
    color: #004BBB;
}

.sec-login ul.forming li.for-pass > a:hover{
    color: #03D9CD;
}

.sec-login ul.forming li.for-pass > a .svg{
    width: 25px;
    height: 18px;
}

.sec-login ul.forming li.for-pass input{
    padding-right: 75px;
}

@media screen and (min-width: 1025px) and (max-width: 1600px){}

@media screen and (min-width: 768px) and (max-width: 1024px){}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){}

@media screen and (max-width: 767px){}

@media screen and (max-width: 767px) and (orientation: landscape){}

@media screen and (max-width: 767px) and (orientation: portrait){}

/*
@media screen and (min-width: 1025px) and (max-width: 1600px){}

@media screen and (min-width: 768px) and (max-width: 1024px){}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){}

@media screen and (max-width: 767px){}

@media screen and (max-width: 767px) and (orientation: landscape){}

@media screen and (max-width: 767px) and (orientation: portrait){}
*/