@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Roboto:100,300,400,500,700);body{padding:0;font-family:'Roboto',sans-serif}.login{display:flex;position:fixed;left:0;right:0;top:0;right:0;height:100%}.login>.left-context{flex:75;width:70%;height:100%;background-image:url('/Images/login-background.jpeg');background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.login>.left-context>.layer{width:100%;height:100%;background-color:#0ab5eb;background:linear-gradient(to bottom,rgba(10,181,235,.9),rgba(4,94,216,.9));padding:50px;padding-top:250px}.login>.left-context>.layer>.title{color:#fff;font-size:50px;line-height:50px;font-family:'Roboto',sans-serif;font-weight:100}.login>.left-context>.layer>.title>span{font-size:60px;color:#14fca3}.login>.left-context>.layer>.details{color:#fff;font-size:20px;line-height:20px;font-family:'Roboto',sans-serif;font-weight:300;padding-top:10px}.login>.right-context{flex:25;width:30%;height:100%;background-color:#fff;padding:50px;padding-top:20px;position:relative}.login>.right-context>.logo{text-align:right}.login>.right-context>.logo>img{height:45px}.login>.right-context>.logo-sp>img{height:55px}.login>.right-context>.login-context{padding-top:120px}.login>.right-context>.login-context>.title{color:#40b4f1;font-weight:bold;font-size:16px}.login>.right-context>.login-context>.input-context{width:100%;position:relative}.login>.right-context>.login-context>.input-context>.input{width:100%;padding:15px;padding-left:40px;margin-top:10px;padding-bottom:5px;border:none;border-bottom:1px solid #dcddde;box-shadow:0 1px 5px rgba(62,101,139,.1);outline:none}.login>.right-context>.login-context>.input-context>i{position:absolute;left:10px;top:27px;font-size:16px}.login>.right-context>.login-context>.remember-context{font-size:12px;color:#1e8bc4;padding-top:10px}.login>.right-context>.login-context>.remember-context>label{font-weight:500!important;cursor:pointer}.login>.right-context>.login-context>.button{background-color:#27aaf0;border:none;border-radius:20px;padding:8px;color:#fff;width:100%;font-weight:bold;margin-top:5px;outline:none}.login>.right-context>.login-context>.button:hover{background-color:#1180bb}.login>.right-context>.login-context>.forget-context{text-align:right;font-size:12px;color:#1e8bc4;margin-top:10px}.login>.right-context>.copyright{position:absolute;bottom:0;padding:10px}.loader{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:none}.loader>.main-context{display:table;height:100%;width:100%}.loader>.main-context>.body{height:100%;color:#fff;width:100%;display:table-cell;text-align:center;vertical-align:middle;color:#14fca3}.loader>.main-context>.body>.title{padding-top:5px;color:#fff}