html, body
{
    margin: 0px;
    padding: 0px;
    background-color: #EAEAEA;
    height: 100%;
}

.login_form
{
    background: url(../../App_Themes/images/Login/bg.jpg) no-repeat center 20px;
    width: 100%;
    height: auto;
    min-height: 100%;
    background-size: cover;
}

.login_wrapper
{
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    background-color: rgba(245,245,245,0.5);
    width: 400px;
    height: 280px;
}

.login_inner
{
    margin-top: 50px;
    margin-left: 90px;
}

.login_title
{
    height: 22px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 20px;
    display: none;
}

.login_title.ss
{
    display: block;
    height: 0px;
    font-size: 18px;
    color: #3C3C3C;
}

.login_desc
{
    font-size: 13px;
    margin-bottom: 30px;
    margin-left: -60px;
    margin-top: -30px;
}

.login_label
{
    display: inline-block;
    width: 120px;
    margin-bottom: 2px;
}

.login_username
{
    background: url(../../App_Themes/images/Login/username.png) no-repeat;
    background-size: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-top: 8px;
}

.login_password
{
    background: url(../../App_Themes/images/Login/password.png) no-repeat;
    background-size: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-top: 8px;
}

.login_custom
{
    background: url(../../App_Themes/images/AdminIcon/work-setting.png) no-repeat;
    background-size: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-top: 8px;
}

.login_content
{
    height: 130px;
    font-family: tahoma;
    font-size: 18px;
    font-weight: 400;
    color: #4E4E4E;
}

.login_wrapper input[type=text], .login_wrapper input[type=password]
{
    width: 200px;
    font-size: 18px;
    color: #4E4E4E;
    border: 0;
    padding: 0;
    height: 39px;
    text-indent: 5px;
    margin-left: -6px;
}

.login_forgotlink
{
    display: inline-block;
    color: #5c5c5c;
    text-decoration: underline;
    cursor: pointer;
}

.login_forgotlink:hover
{
    color: #A22F34;
}

.login_forgotlbl
{
    font-family: tahoma;
    font-size: 13px;
    line-height: 35px;
    padding-right: 70px;
    text-align: right;
    margin-top: 50px;
}

.login_forgotContent
{
    display: none;
    position: relative;
    top: -265px;
    left: 310px;
    font-family: tahoma;
    font-size: 18px;
    font-weight: 400;
    color: #4E4E4E;
    background-color: rgba(245,245,245,0.5);
    width: 350px;
    height: 250px;
    padding-top: 30px;
    padding-left: 50px;
}

.login_forgotDesc
{
    font-size: 13px;
    margin-bottom: 20px;
}

.error
{
    color: #900;
    float: left;
    width: 260px;
    font-size: 12px;
    padding: 5px;
}

.login_button
{
    padding: 10px 30px 10px 30px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    background-color: #A22F34;
    font-weight: bold;
    border: none;
    width: 240px;
    margin-top: 10px;
    height: 40px;
}

.login_info
{
    margin: 10px auto;
}

.login_info a
{
    color: #5C5C5C;
    font-size: 14px;
    font-family: Verdana;
    text-decoration: none;
}

.login_info a:hover
{
    text-decoration: underline;
}

.login_bottom
{
    height: 70px;
    width: 100%;
    font-size: 10px;
    /*font-weight: 600;*/
    font-family: Verdana;
    text-align: center;
    color: #5c5c5c;
}

/*.login_logo is default logo*/
/*add .login_logo.xxx based on <div class="login_logo xxx"> added at own company master page */
/*adjust background-position and background-size to fit in login page*/

.login_logo
{
    background: url(../../App_Themes/images/Login/ClaritasLogo_Login.png) no-repeat;
    height: 100px;
    padding-top: 100px;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.vistage
{
    background: url(../../App_Themes/images/Company/vistage/VistageLogoNew.png) no-repeat;
    background-position: 50% 90%;
    background-size: 300px;
}

.login_logo.mdec
{
    background: url(../../App_Themes/images/Company/mdec/mdeclogo2.png) no-repeat;
    background-position: 50% 90%;
    background-size: 300px;
}

.login_logo.netster
{
    background: url(../../App_Themes/images/Company/netster/everrise_logo.png) no-repeat;
    background-position: 50% 90%;
    background-size: 300px;
}

.login_logo.zuellig
{
    background: url(../../App_Themes/images/Company/zuellig/zuellig_logo.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.nandos
{
    background: url(../../App_Themes/images/Company/nandos/nando2Chicken.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.osnet
{
    background: url(../../App_Themes/images/Company/osnet/osnetLogin.png) no-repeat;
    background-position: 50% 110%;
    background-size: 220px;
}

.login_logo.vy
{
    background: url(../../App_Themes/images/Login/VYLogo_Login.png) no-repeat;
    background-position: 50% 95%;
    background-size: 350px;
}

.login_logo.hla
{
    background: url(../../App_Themes/images/Company/HLA/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.galaxy
{
    background: url(../../App_Themes/images/Company/galaxy/GTS-LOGO.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.fgv
{
    background: url(../../App_Themes/images/Company/FGV/FELDA_logo.png) no-repeat;
    background-position: 50% 100%;
}

.login_logo.dista
{
    background: url(../../App_Themes/images/Login/ClaritasLogo_Login.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.nd2
{
    background: url(../../App_Themes/images/Company/nd2/nando2Chicken.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.st
{
    background: url(../../App_Themes/images/Company/AIA/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.cre
{
    background: url(../../App_Themes/images/Company/CRE/CrystalEdgeLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.amseb
{
    background: url(../../App_Themes/images/Company/AMSEB/AmsebLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.ace
{
    background: url(../../App_Themes/images/Company/ACE/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.st2
{
    background: url(../../App_Themes/images/Company/st2/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.ow
{
    background: url(../../App_Themes/images/Company/OW/oneworks_login.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.sme
{
    background: url(../../App_Themes/images/Login/ClaritasLogo_Login.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.ct
{
    background: url(../../App_Themes/images/Login/ClaritasLogo_Login.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.clm
{
    background: url(../../App_Themes/images/Login/ClaritasLogo_Login.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.sig
{
    background: url(../../App_Themes/images/Login/ClaritasLogo_Login.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.stna
{
    background: url(../../App_Themes/images/Company/STNA/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.oew
{
    background: url(../../App_Themes/images/Company/OEW/ORTUS-EXPERT-WHITE-LOGO.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.tch
{
    background: url(../../App_Themes/images/Company/TCH/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.abnx
{
    background: url(../../App_Themes/images/Company/ABNX/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.fmm
{
    background: url(../../App_Themes/images/Company/FMM/fomema.gif) no-repeat;
    background-position: 50% 100%;
    background-size: 300px;
}

.login_logo.vy2
{
    background: url(../../App_Themes/images/Company/VY2/vy2NewLogo.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.ism
{
    background: url(../../App_Themes/images/Company/ISM/ISM_login.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.xln
{
    background: url(../../App_Themes/images/Company/XLN/XKNLogo_Login.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.mj
{
    background: url(../../App_Themes/images/Company/mj/mj_login.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.enl
{
    background: url(../../App_Themes/images/Company/ENL/enlinea_logo.png) no-repeat;
    background-position: 50% 80%;
    background-size: 300px;
}

.login_logo.kwy2
{
    background: url(../../App_Themes/images/Company/kwy2/kwy2Login.png) no-repeat;
    background-position: 50% 90%;
    background-size: 500px;
}

.login_logo.AF
{
    background: url(../../App_Themes/images/Company/AF/Alfa_Login.png) no-repeat;
    background-position: 50% 80%;
    background-size: 200px;
}

.login_logo.ddmc
{
    background: url(../../App_Themes/images/Company/DDMC/dmcgo.png) no-repeat;
    background-position: 53% 90%;
    background-size: 300px;
}

.login_logo.sbm
{
    background: url(../../App_Themes/images/Company/AIA/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.ogawa
{
    background: url(../../App_Themes/images/Company/OGAWA/ogawa_LoginLogo.png) no-repeat;
    background-position: 50% 90%;
}

.login_logo.ft
{
    background: url(../../App_Themes/images/Company/AIA/TeleLogin.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.agri
{
    background: url(../../App_Themes/images/Company/agri/FELDA_logo.png) no-repeat;
    background-position: 50% 100%;
}

.login_logo.dell
{
    background: url(../../App_Themes/images/Company/DELL/dell_Login.png) no-repeat;
    background-position: 50% 90%;
    background-size: 250px;
}

.login_logo.jhc
{
    background: url(../../App_Themes/images/Company/JHC/JHC_LoginLogo.png) no-repeat;
    background-position: 50% 90%;
    background-size: 220px;
}

.login_logo.ayms
{
    background: url(../../App_Themes/images/Company/AYMS/ayamas-logo.png) no-repeat;
    background-position: 50% 90%;
    background-size: 270px;
}

 .login_logo.mr
{
    background: url(../../App_Themes/images/Company/MR/MetrixResearch.png) no-repeat;
    background-position: 50% 90%;
    background-size: 220px;
}

.login_logo.jkt
{
    background: url(../../App_Themes/images/Company/JKT/Claritaslogo.png) no-repeat;
    background-position: 50% 90%;
    background-size: 220px;
}

.login_logo.luz
{
    background: url(../../App_Themes/images/Company/LUZ/luzzone_logo.png) no-repeat;
    background-position: 50% 90%;
    background-size: 350px;
}

.login_logo.mca
{
    background: url(../../App_Themes/images/Company/MCA/MIND_logo.png) no-repeat;
    background-position: 50% 60%;
    background-size: 350px;
}

.login_logo.tbf
{
    background: url(../../App_Themes/images/Company/TBF/the-beer-factory-logo.png) no-repeat;
    background-position: 50%;
    background-size: 230px;
}

.login_logo.city
{
    background: url(../../App_Themes/images/Company/CITY/citychain.png) no-repeat;
    background-position: 50% 80%;
    background-size: 350px;
}

.login_logo.ug
{
    background: url(../../App_Themes/images/Company/UG/UnitedGrainlogo.png) no-repeat;
    background-position: 50%;
    background-size: 300px;
}

.login_logo.crb
{
    background: url(../../App_Themes/images/Company/CRB/CerebosLogo.png) no-repeat;
    background-position: 50%;
    background-size: 300px;
}

.login_logo.sven
{
    background: url(../../App_Themes/images/Company/sven/sven.gif) no-repeat;
    background-position: 50%;
    background-size: 150px;
}

.login_logo.mvnt
{
    background: url(../../App_Themes/images/Company/mvnt/movent_logo.png) no-repeat;
    background-position: 50%;
    background-size: 150px;
}

.login_logo.spc
{
    background: url(../../App_Themes/images/Company/spc/Spanco_logo.png) no-repeat;
    background-position: 50%;
    background-size: 400px;
}

.login_logo.sknt
{
    background: url(../../App_Themes/images/Company/sknt/Skynet_logo.png) no-repeat;
    background-position: 50%;
    background-size: 300px;
}

.login_logo.ba
{
    background: url(../../App_Themes/images/Company/ba/bumiarmada_logo.png) no-repeat;
    background-position: 50%;
    background-size: 500px;
}

.login_logo.demc
{
    background: url(../../App_Themes/images/Company/demc/DEMC_logo.png) no-repeat;
    background-position: 50% 50%;
    background-size: 250px;
}

.login_logo.bmmb
{
    background: url(../../App_Themes/images/Company/bmmb/bank_muamalat.jpg) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.hai
{
    background: url(../../App_Themes/images/Company/hai/hai_logo.jpg) no-repeat;
    background-position: 50%;
    background-size: 400px;
}

.login_logo.sc
{
    background: url(../../App_Themes/images/Company/sc/sc_logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.mbsb
{
    background: url(../../App_Themes/images/Company/mbsb/mbsb_logo.png) no-repeat;
    background-position: 50% 80%;
}

.login_logo.phb
{
    background: url(../../App_Themes/images/Company/phb/phb_logo.png) no-repeat;
    background-position: 50%;
    background-size: 400px;
}

.login_logo.sag
{
    background: url(../../App_Themes/images/Company/sag/sag_logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.bcmb
{
    background: url(../../App_Themes/images/Company/bcmb/logo-bank-of-china.png) no-repeat;
    background-position: 50% 90%;
    background-size: 400px;
}

.login_logo.sk
{
    background: url(../../App_Themes/images/Company/sk/SushiKing_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.ggp
{
    background: url(../../App_Themes/images/Company/ggp/GGP_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.coke
{
    background: url(../../App_Themes/images/Company/coke/Coke_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.xox
{
    background: url(../../App_Themes/images/Company/xox/XOX_Logo.png) no-repeat;
    background-position: 50% 10%;
    background-size: 250px;
}

.login_logo.pw
{
    background: url(../../App_Themes/images/Company/PW/PW_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 350px;
}

.login_logo.digi
{
    background: url(../../App_Themes/images/Company/Digi/Digi_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 350px;
}

.login_logo.gas
{
    background: url(../../App_Themes/images/Company/GAS/gas_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 350px;
}

.login_logo.perodua
{
    background: url(../../App_Themes/images/Company/PERODUA/Perodualogo.png) no-repeat;
    background-position: 50%;
    background-size: 350px;
}

.login_logo.cokemy
{
    background: url(../../App_Themes/images/Company/coke/Coke_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.gv
{
    background: url(../../App_Themes/images/Company/GV/Gv_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.cdemo
{
    background: url(../../App_Themes/images/Company/cdemo/cdemo_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.ess
{
    background: url(../../App_Themes/images/Company/ess/ess_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.pgf
{
    background: url(../../App_Themes/images/Company/PGF/pgf_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.pmc
{
    background: url(../../App_Themes/images/Company/PMC/pmc_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.mynic
{
    background: url(../../App_Themes/images/Company/mynic/mynic_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.tmh
{
    background: url(../../App_Themes/images/Company/tmh/TheMuliaHotel_logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.gpg
{
    background: url(../../App_Themes/images/Company/gpg/gpg_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.gkl
{
    background: url(../../App_Themes/images/Company/gkl/pmc_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.gmh
{
    background: url(../../App_Themes/images/Company/gmh/gmh_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.gkk
{
    background: url(../../App_Themes/images/Company/gkk/gkk_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}
.login_logo.scars2
{
    background: url(../../App_Themes/images/Company/scars2/sc_logo.png) no-repeat;
    background-position: 50%;
    background-size: 250px;
}

.login_logo.sem
{
    background: url(../../App_Themes/images/Company/sem/ShinEtsu_Logo2.png) no-repeat;
    background-position: 50%;
    background-size: 350px;
}

.login_logo.tchr
{
    background: url(../../App_Themes/images/Company/tchr/tchr_Logo.png) no-repeat;
    background-position: 50%;
    background-size: 350px;
}

.login_logo.fimm 
{
    background: url(../../App_Themes/images/Company/fimm/FIMM_logo.png) no-repeat;
    background-position: 50%;
    background-size: 350px;
}

.login_logo.mcp {
	background: url(../../App_Themes/images/Company/MCP/careplus_logo.png) no-repeat;
	background-position: 50% 75%;
	background-size: 300px;
}