html,body{display:block;width:100%;height:100%;padding:0;margin:0;}body{background:url("../../CDN/content/image/bg_black-9f9104d2.jpg") repeat 0 0;color:#fff;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;}div#wrapper{position:absolute;left:calc(50% - 277px);top:calc(50% - 220px);width:555px;height:460px;margin:0;padding:0;}div#wrapper #header{height:0;}div#wrapper .corporatelogo1{display:block;position:absolute;left:calc(50% - 145px);top:calc(50% - 300px);padding:10px;content:url("../../CDN/content/image/cpor_logo-white.png");}div#wrapper span.title{display:inline-block;width:100%;text-align:center;font-size:26px;font-weight:300;line-height:1.1;}div#wrapper #content h3{display:inline-block;width:100%;margin-top:5px;text-align:center;font-size:26px;font-weight:300;line-height:1.1;}div#wrapper #content img{width:50px;}div#wrapper #content .mainLoginDiv div.loginDiv #CodeThirdParty,div#wrapper #content .mainLoginDiv div.passwordDiv #Password,div#wrapper #content ul.error li{padding:0 12px;margin-bottom:10px;width:calc(100% - 26px);height:50px;line-height:1.42857143;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-size:14px;font-weight:bold;}div#wrapper #content p{font-size:14px;}div#wrapper #content ul.error{position:absolute;left:0;top:260px;padding:0;width:100%;}div#wrapper #content ul.error li{line-height:50px;list-style:none;font-size:16px;background-color:#f2dede;color:#a94442;}div#wrapper #content .mainLoginDiv .inputDiv{position:absolute;right:0;bottom:195px;}div#wrapper #content .mainLoginDiv .inputDiv input{height:52px;width:260px;font-size:16px;font-weight:500;border-radius:1px;border:none;color:#fff;background-color:#59bd81;cursor:pointer;transition:.3s;}div#wrapper #content #metroTiles{padding-top:60px;}div#wrapper #content #metroTiles a.tile.login,div#wrapper #content #metroTiles a.tile.lostpassword{display:none;}div#wrapper #content #metroTiles a.tile{display:block;height:100px;line-height:100px;width:100%;margin:20px;font-size:32px;font-weight:500;text-align:center;text-decoration:none;border-radius:1px;color:#fff;cursor:pointer;transition:.3s;}div#wrapper #content #metroTiles a.tile.or{border:1px solid #370000;background-color:#3b0505;}div#wrapper #content #metroTiles a.tile.or:hover{border:1px solid #471010;background-color:#4b1515;}div#wrapper #content #metroTiles a.tile.devise{border:1px solid #212d33;background-color:#263238;}div#wrapper #content #metroTiles a.tile.devise:hover{border:1px solid #313d43;background-color:#364248;}.corporatelogo2{display:none;z-index:1;position:absolute;bottom:5px;left:5px;}.informationFooter{display:none;position:absolute;width:100%;height:65px;bottom:0;background-color:#1a1a1a;}.informationFooter p{font-size:14px;text-align:center;}