body,html{margin:0;padding:0;height:100%;font:normal 12px/20px Arial;color:#fff;overflow:hidden;background-image:url(../../images/login/loginBG.jpg),linear-gradient(180deg,#0065ae,#007abe,#318bcb,#7fb1dd,#aac0da);background-repeat:no-repeat;background-attachment:fixed;background-position:center;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;transition:none}body{border-top:2px solid #35b5b7}div,h1,h2,h3,h4,form,label,input,textarea,span,button,submit{outline:0}.login_wrapper{padding:0;background:url(../../images/login/login_bg.png) repeat;width:325px;margin:0 auto;border-bottom:4px solid #01aaad;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);border-radius:0 0 3px 3px}.login_wrapper .logo{display:inline-block;margin:15px 0;text-align:center;width:100%}.login_wrapper .logo img{width:38%;height:90px}.login_wrapper .feilds{padding:15px 15px 0;display:inline-block;width:100%;box-sizing:border-box}.login_wrapper input[type="text"],.login_wrapper input[type="password"]{width:100%;border:0;margin:0 0 8px 0;padding:5px 5%;line-height:normal;height:38px;border-left:5px solid #f2a0a4;color:#8d8c8c;-webkit-box-shadow:0 8px 3px -8px #00000057;-moz-box-shadow:0 8px 3px -8px #00000057;box-shadow:0 8px 3px -8px #00000057;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all .2s ease;-webkit-transition:all .2s ease;-webkit-appearance:none;border-radius:2px}input:-webkit-autofill{background-color:#fff !important;background-image:none;color:#000}.login_wrapper input[type="text"]:hover,.login_wrapper input[type="password"]:hover{transition:all .2s ease;-webkit-transition:all .2s ease}.login_wrapper .feilds select{width:100%;padding:10px;border:0;box-shadow:0 8px 3px -8px #00000057;border-radius:2px}.login_wrapper input[type="text"]:focus,.login_wrapper input[type="password"]:focus,.login_wrapper .feilds select:focus{outline:0;box-shadow:0 0 2px 1px #00000026 inset}.login_wrapper a{color:#00897b;display:block;margin-bottom:10px;text-decoration:none;transition:all .2s ease;-webkit-transition:all .2s ease;font-size:11px;float:right}.login_wrapper a:hover{color:#00494a;text-decoration:underline;transition:all .2s ease;-webkit-transition:all .2s ease}.login_wrapper input[type="submit"]{display:block;width:100%;background-color:#01aaad;padding:10px 0;border:0;margin:15px 0;font-weight:normal;font-size:15px;color:#FFF;text-transform:uppercase;cursor:pointer;transition:all .2s ease;-webkit-transition:all .2s ease;-webkit-appearance:none;border-radius:2px;box-shadow:0 8px 3px -8px #00000057}.login_wrapper input[type="submit"]:hover{transition:all .2s ease;-webkit-transition:all .2s ease;background-color:#029fa2}.login_wrapper input[type="submit"]:focus{transition:all .2s ease;-webkit-transition:all .2s ease;background-color:#039496;box-shadow:none}.login_wrapper .subtitle{margin:0;background:#061557;color:#fff;text-transform:uppercase;text-align:center;font-size:12px;width:100%;padding:10px 0;display:inline-block}ul.sp-msg-box{width:100%;text-align:center;clear:both;padding:0;margin:0}ul.sp-msg-box li{width:65%;padding:6px 15px;position:relative;top:82px;list-style-type:none;margin:0 auto;border-radius:3px;box-shadow:0 8px 3px -8px #00000057}ul.sp-msg-box li .txt{display:block;padding:10px;text-shadow:0 1px 0 rgba(0,0,0,0.15);word-break:break-word;line-height:20px;font-size:13px;text-align:center}.ERROR{background:repeating-linear-gradient(-127deg,#dc3545,#dc3545 7px,#e15361cc 0,#e15361cc 14px);color:#fff}.SUCCESS{background:repeating-linear-gradient(-127deg,#28a745,#28a745 7px,#48b461cc 0,#48b461cc 14px);color:#fff}footer{position:fixed;width:100%;bottom:0;height:20px;background-color:#1c4a5f;text-align:center;font-size:11px;color:#fff}footer a{color:#a8a8a8;margin-left:5px}@media(pointer:coarse){.login_wrapper .feilds select{padding:11px 13px;-webkit-appearance:none;background-color:#fff;border-radius:2px}}@media only screen and (min-width:768px) and (max-width:992px){.login_wrapper{width:50%}ul.sp-msg-box li{width:70%;padding:3px 0}footer{height:auto}}@media only screen and (min-width:500px) and (max-width:767px){.login_wrapper{width:75%}ul.sp-msg-box li{width:80%;padding:3px 0}footer{height:auto}}@media only screen and (min-width:500px) and (max-width:767px) and (orientation :landscape){ul.sp-msg-box li{width:100%;padding:3px 15px;position:absolute;top:4px;margin:0 auto}}@media only screen and (min-width:100px) and (max-width:500px){.login_wrapper{width:100%}ul.sp-msg-box li{width:100%;padding:3px 0}footer{height:auto}}@media only screen and (min-width:100px) and (max-width:500px) and (orientation :landscape){ul.sp-msg-box li{width:100%;padding:3px 15px;position:absolute;top:4px;margin:0 auto}}