@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.2');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.2') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.2') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.2') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa,.ukicon{display:block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:0}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
a:hover{text-decoration:underline}
p{margin-top:0;margin-bottom:5px}
img{border:0 none}
.clr{clear:both}
.floatl{float:left}
.floatr{float:right}
.divinner{margin:0 50px}
img{max-width:100%;width:auto \9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
#wrapper{width:100%;margin:0 auto;clear:both}
#wrapperouter{padding:0;margin:0 auto}
#wrapperinner{width:100%}
div#area{margin:0 10px}
#header{width:100%;padding:20px 0;margin:0 auto;position:relative;top:0;z-index:999}
#headerright,.sidebar-toggle-box,#welcome_outer{display:none}
#logo{width:200px;padding:0;margin:0 auto;text-align:center}
#logo img{max-height:80px;margin:0 auto}
#contentarea{float:none;margin:0 auto;background:none;border:0;width:100%}
#footer{float:left;width:100%;color:#fff;text-decoration:none}
#footer a{color:#fff;text-decoration:none}
#footer.fixed{position:fixed;bottom:0}
#footer_l{width:100%;text-align:center;color:#fff;padding:10px 0}
#footer_r{width:100%;text-align:center;color:#fff;padding:10px 0}
#system-message-container{max-width:360px;margin:10px auto 0}
#system-message{margin:0;padding:0}
#system-message dt{font-weight:700;display:none}
#system-message dd{font-weight:700;margin:0 0 5px}
#system-message dd ul{list-style:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0;padding:5px 5px 5px 40px}
#system-message dd.message ul{background:#E7FFBD url(../images/alert.png) 13px center no-repeat;border:1px solid #619C00;color:#619C00}
#system-message dd.notice ul{background:#E7FFBD url(../images/alert.png) 13px center no-repeat;border:1px solid #619C00;color:#619C00}
#system-message dd.error ul,#system-message dd.warning ul{background:#FEF1EC url(../images/notice.png) 13px center no-repeat;border:1px solid #CD0A0A;color:#CD0A0A}
.downfile{margin:40px auto;float:left;width:100%;line-height:80px;font-size:30px;text-align:center;padding:70px 0;background:#fff;border:#e5e5e5 solid 1px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.1);-ms-box-shadow:0 2px 4px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.downfileinner{background:url(../images/download_bg.png) left 50% no-repeat;text-indent:100px;text-align:center;display:inline-block}
.cFrontpageSignup{padding:20px 0}
.cFrontPageRight,.loginpage .cFrontPageRight{max-width: 350px;margin: 20px auto;padding:30px;box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.23);background: #fff;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.login_h3,.reset_h3{border-bottom:4px double #fff;color:#565656;text-shadow:none;font-weight:700;font-size:24px;margin:0 0 10px;padding:3px 0;text-transform:uppercase;text-align:center;line-height:22px}
.loginform .front_label{display:none}
.front_input{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;padding-left:40px;background:#fff;border:1px solid #ccc;position:relative;margin-bottom:20px}
.front_input:before{display:block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:0;position:absolute;color:#666;left:20px;top:20%;font-size:20px;content:"\f007"}
.front_input.input2:before{content:"\f023"}
.front_input input,.inputbox{border:0;color:#666;background:none;padding:10px;margin:0 10px;line-height:20px}
.front_label{line-height:25px;background-image:url(../images/loginicons.jpg);background-repeat:no-repeat;padding-left:35px;color:#777;font-size:13px}
.front_label.password,.front_label.label2{background-position:0 -37px}
.front_label.labelemail{background-position:0 -77px}
.button{width:100%;padding:3%;background:#00b5f9;border:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0;color:#fff;font-size:17px;text-transform:uppercase;cursor:pointer}
.cFrontPageRight ul{margin:0;padding:20px;list-style:square}
.cFrontPageRight ul a{color:#666}
.cFrontPageRight ul li{float:none;margin:0 0 10px}
.loginform .mdl-textfield {
    width: 100%;
}
#button-login{    margin-top: 25px;}
body{font-family:'arial',Arial,sans-serif;line-height:18px;font-size:12px;color:#333333;background:#f5f5f5}
#header{background:#5CB85C;}
.button{border:1px solid rgba(0,0,0,0.4);background:#5CB85C;color:#fff;}
a{color:#00B5F9}
#footer{background:#00B5F9;}
#footer_r{background: rgba(0,0,0,0.4);}